@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;0,9..40,800&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700&display=swap";@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=DM+Mono:wght@400;500&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700&display=swap";:root{--brand-purple:#9945ff;--brand-green:#14f195;--brand-cyan:#00c2ff;--brand-grad:linear-gradient(90deg, #9945ff, #14f195);--brand-grad-angle:linear-gradient(135deg, #9945ff, #14f195);--danger:#ff6b6b;--danger-bg:#ff505014;--danger-border:#ff505038;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--font-main:"Inter", sans-serif;--transition-fast:.15s ease;--transition-normal:.2s ease}:root,[data-theme=dark]{--bg-page:#000;--bg-surface:#0a0a0a;--bg-surface-2:#111;--bg-input:#ffffff0a;--bg-input-focus:#ffffff0e;--bg-overlay:#0a0a0ad9;--border-default:#ffffff12;--border-hover:#ffffff24;--border-focus:#9945ff8c;--border-input:#ffffff14;--text-primary:#fff;--text-secondary:#ffffff8c;--text-muted:#ffffff4d;--text-dimmed:#ffffff29;--text-label:#ffffff61;--text-placeholder:#ffffff2e;--focus-ring:#9945ff1f;--focus-glow:#9945ff14;--orb-purple:#9945ff38;--orb-green:#14f19526;--orb-blue:#00b4ff1a;--grid-line:#ffffff08;--card-glow:#9945ff0f;--corner-purple:#9945ff59;--corner-green:#14f19559;--scan-purple:#9945ff2e;--scan-green:#14f1952e;--btn-grad-text:#000;--scrollbar-thumb:#ffffff1f;--scrollbar-track:transparent;--sidebar-bg:#0a0a0a;--sidebar-border:#ffffff12;--sidebar-item-hover:#ffffff0d;--sidebar-item-active:#9945ff1f;--table-header-bg:#111;--table-row-hover:#ffffff08;--table-border:#ffffff0f;--badge-bg:#ffffff0f;--badge-border:#ffffff1a}[data-theme=light]{--bg-page:#f4f6fa;--bg-surface:#fff;--bg-surface-2:#f0f3f8;--bg-input:#fff;--bg-input-focus:#fafcff;--bg-overlay:#ffffffeb;--border-default:#00000014;--border-hover:#00000026;--border-focus:#9945ff8c;--border-input:#0000001f;--text-primary:#0a0a0a;--text-secondary:#0000008c;--text-muted:#00000061;--text-dimmed:#0000004d;--text-label:#00000080;--text-placeholder:#00000040;--focus-ring:#9945ff1f;--focus-glow:#9945ff0f;--orb-purple:#9945ff1a;--orb-green:#14f19514;--orb-blue:#00b4ff0f;--grid-line:#0000000a;--card-glow:#9945ff08;--corner-purple:#9945ff40;--corner-green:#14f19540;--scan-purple:#9945ff1a;--scan-green:#14f1951a;--btn-grad-text:#fff;--scrollbar-thumb:#00000026;--scrollbar-track:transparent;--sidebar-bg:#fff;--sidebar-border:#00000014;--sidebar-item-hover:#0000000a;--sidebar-item-active:#9945ff14;--table-header-bg:#f4f6fa;--table-row-hover:#00000005;--table-border:#0000000f;--badge-bg:#0000000d;--badge-border:#00000014}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-page);color:var(--text-primary);font-family:var(--font-main);transition:background-color .3s,color .3s}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:99px}.search-wrap{background:var(--bg-input);border:1px solid var(--border-input);border-radius:999px;align-items:center;gap:8px;height:40px;padding:0 14px;transition:border-color .2s,box-shadow .2s,background .2s;display:flex}.search-wrap:focus-within{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--focus-ring);background:var(--bg-input-focus)}.search-icon{color:var(--text-muted);flex-shrink:0}.search-input{font-size:13.5px;font-family:var(--font-main);color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;min-width:0}.search-input::placeholder{color:var(--text-placeholder)}.reusable-btn{font-family:var(--font-main);cursor:pointer;white-space:nowrap;border:none;border-radius:10px;justify-content:center;align-items:center;gap:6px;font-weight:600;transition:opacity .2s,transform .15s,box-shadow .2s;display:inline-flex;position:relative;overflow:hidden}.reusable-btn:disabled{opacity:.45;cursor:not-allowed}.reusable-btn:after{content:"";background:linear-gradient(105deg,#0000 30%,#ffffff2e 50%,#0000 70%);transition:transform .45s;position:absolute;inset:0;transform:translate(-100%)}.reusable-btn:hover:not(:disabled):after{transform:translate(100%)}.reusable-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.reusable-btn:active:not(:disabled){transform:translateY(0)}.reusable-btn--primary{background:var(--brand-grad);color:#000;box-shadow:0 0 18px #9945ff4d}.reusable-btn--ghost{background:var(--bg-input);border:1px solid var(--border-input);color:var(--text-secondary)}.reusable-btn--ghost:hover:not(:disabled){border-color:var(--border-hover);color:var(--text-primary)}.reusable-btn--danger{background:var(--danger-bg);border:1px solid var(--danger-border);color:var(--danger)}.reusable-btn--danger:hover:not(:disabled){background:#ff505026}.reusable-btn--sm{border-radius:8px;height:32px;padding:0 14px;font-size:12.5px}.reusable-btn--md{height:40px;padding:0 18px;font-size:13.5px}.reusable-btn--lg{height:48px;padding:0 24px;font-size:15px}.inp-wrap{flex-direction:column;gap:7px;display:flex}.inp-label{color:var(--text-dimmed);text-transform:uppercase;letter-spacing:.7px;font-size:12px;font-weight:600}.inp-required{color:var(--danger)}.inp-field{background:var(--bg-input);border:1.5px solid var(--border-input);width:100%;height:44px;font-size:14px;font-family:var(--font-main);color:var(--text-primary);box-sizing:border-box;-webkit-appearance:none;border-radius:10px;outline:none;padding:0 14px;transition:border-color .2s,box-shadow .2s,background .2s}.inp-field::placeholder{color:var(--text-placeholder)}.inp-field:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--focus-ring);background:var(--bg-input-focus)}.inp-field:disabled{opacity:.5;cursor:not-allowed}.inp-field--error{border-color:var(--danger);box-shadow:0 0 0 3px var(--danger-bg)}.inp-error-text{color:var(--danger);margin:0;font-size:12px}[data-theme=dark] .inp-field{color:#fff}.reusable-container{background:var(--bg-surface);border-radius:14px;width:100%;transition:background .3s,border-color .3s}.reusable-container--default{border:1px solid var(--border-default);box-shadow:0 2px 12px #00000014}.reusable-container--flat{box-shadow:none;border:none}.reusable-container--outlined{border:1px solid var(--border-default);box-shadow:none}.login-page{background-color:var(--bg-page);width:100%;min-height:100vh;font-family:var(--font-main);justify-content:center;align-items:center;padding:24px;transition:background-color .3s;display:flex;position:relative;overflow:hidden}.login-page:before{content:"";background-image:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);pointer-events:none;z-index:0;background-size:60px 60px;position:fixed;inset:0}.login-page:after{content:"";background:radial-gradient(ellipse 70% 70% at 50% 50%, transparent 30%, var(--bg-page) 100%);pointer-events:none;z-index:0;opacity:.8;position:fixed;inset:0}.login-orb{filter:blur(100px);pointer-events:none;z-index:0;border-radius:50%;animation:8s ease-in-out infinite alternate orbFloat;position:fixed}.login-orb-purple{background:radial-gradient(circle, var(--orb-purple) 0%, transparent 70%);width:600px;height:600px;animation-duration:9s;top:-180px;left:-180px}.login-orb-green{background:radial-gradient(circle, var(--orb-green) 0%, transparent 70%);width:500px;height:500px;animation-duration:11s;animation-direction:alternate-reverse;bottom:-160px;right:-160px}.login-orb-blue{background:radial-gradient(circle, var(--orb-blue) 0%, transparent 70%);width:300px;height:300px;animation-duration:13s;top:50%;right:10%;transform:translateY(-50%)}@keyframes orbFloat{0%{transform:translate(0)scale(1)}to{transform:translate(24px,18px)scale(1.06)}}.login-corner-tl,.login-corner-br{pointer-events:none;z-index:0;position:fixed}.login-corner-tl{border-top:1px solid var(--corner-purple);border-left:1px solid var(--corner-purple);border-radius:4px 0 0;width:80px;height:80px;top:32px;left:32px}.login-corner-br{border-bottom:1px solid var(--corner-green);border-right:1px solid var(--corner-green);border-radius:0 0 4px;width:80px;height:80px;bottom:32px;right:32px}.login-scanline{background:linear-gradient(90deg, transparent 0%, var(--scan-purple) 20%, var(--scan-green) 80%, transparent 100%);pointer-events:none;z-index:0;height:1px;animation:12s linear infinite scanMove;position:fixed;left:0;right:0}@keyframes scanMove{0%{opacity:0;top:-2px}5%{opacity:1}95%{opacity:1}to{opacity:0;top:100vh}}.login-dots{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.login-dot{background:var(--text-muted);border-radius:50%;width:2px;height:2px;animation:linear infinite dotFloat;position:absolute}.login-dot:first-child{background:var(--brand-purple);opacity:.5;animation-duration:18s;animation-delay:0s;left:12%}.login-dot:nth-child(2){animation-duration:22s;animation-delay:-4s;left:28%}.login-dot:nth-child(3){background:var(--brand-green);opacity:.5;animation-duration:16s;animation-delay:-8s;left:44%}.login-dot:nth-child(4){animation-duration:20s;animation-delay:-2s;left:60%}.login-dot:nth-child(5){background:var(--brand-purple);opacity:.4;animation-duration:25s;animation-delay:-12s;left:74%}.login-dot:nth-child(6){background:var(--brand-green);opacity:.4;animation-duration:19s;animation-delay:-6s;left:88%}.login-dot:nth-child(7){animation-duration:23s;animation-delay:-10s;left:20%}.login-dot:nth-child(8){background:var(--brand-cyan);opacity:.5;animation-duration:17s;animation-delay:-14s;left:52%}.login-dot:nth-child(9){animation-duration:21s;animation-delay:-3s;left:80%}.login-dot:nth-child(10){background:var(--brand-green);opacity:.3;animation-duration:24s;animation-delay:-7s;left:36%}@keyframes dotFloat{0%{opacity:0;bottom:-10px;transform:translate(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;bottom:110vh;transform:translate(30px)}}.login-card{z-index:1;background:var(--bg-overlay);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-default);border-radius:var(--radius-xl);width:100%;max-width:420px;padding:44px 40px 40px;transition:background .3s,border-color .3s;animation:.6s cubic-bezier(.16,1,.3,1) both cardIn;position:relative}@keyframes cardIn{0%{opacity:0;transform:translateY(28px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.login-card:before{content:"";background:var(--brand-grad);opacity:.75;border-radius:999px;height:1px;position:absolute;top:0;left:20px;right:20px}.login-card:after{content:"";border-radius:var(--radius-xl);background:radial-gradient(ellipse 80% 40% at 50% 0%, var(--card-glow) 0%, transparent 70%);pointer-events:none;position:absolute;inset:0}.login-controls{justify-content:flex-end;align-items:center;gap:8px;margin-bottom:28px;display:flex}.login-toggle-btn{background:var(--bg-input);border:1px solid var(--border-input);color:var(--text-label);font-size:12px;font-weight:600;font-family:var(--font-main);cursor:pointer;transition:border-color var(--transition-fast), color var(--transition-fast), background var(--transition-fast);letter-spacing:.3px;border-radius:999px;align-items:center;gap:6px;padding:5px 12px;display:flex}.login-toggle-btn:hover{border-color:var(--border-hover);color:var(--text-primary)}.login-toggle-btn svg{flex-shrink:0}.login-logo{justify-content:center;margin-bottom:28px;display:flex}.login-logo img{object-fit:contain;width:auto;height:36px}[data-theme=dark] .login-logo img{filter:brightness(0)invert()}[data-theme=light] .login-logo img{filter:none}.login-heading{text-align:center;margin-bottom:28px}.login-heading h1{color:var(--text-primary);letter-spacing:-.5px;margin-bottom:6px;font-size:26px;font-weight:700;line-height:1.2}.login-heading p{color:var(--text-secondary);font-size:14px}.login-field{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.login-field label{color:var(--text-dimmed);text-transform:uppercase;letter-spacing:.9px;font-size:11.5px;font-weight:600}.login-field .field-wrap{position:relative}.login-field input{background:var(--bg-input);border:1px solid var(--border-input);border-radius:var(--radius-md);width:100%;height:50px;font-size:14.5px;font-family:var(--font-main);color:var(--text-primary);transition:border-color var(--transition-normal), box-shadow var(--transition-normal), background var(--transition-normal);-webkit-appearance:none;outline:none;padding:0 46px 0 16px;font-weight:400}.login-field input::placeholder{color:var(--text-placeholder)}.login-field input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--focus-ring), 0 0 20px var(--focus-glow);background:var(--bg-input-focus)}.field-toggle{cursor:pointer;color:var(--text-muted);transition:color var(--transition-fast);background:0 0;border:none;align-items:center;padding:0;display:flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.field-toggle:hover{color:var(--text-primary)}.login-error{background:var(--danger-bg);border:1px solid var(--danger-border);border-radius:var(--radius-sm);color:var(--danger);align-items:center;gap:8px;margin-bottom:16px;padding:10px 14px;font-size:13px;display:flex}.login-forgot{text-align:center;margin-top:-4px;margin-bottom:24px}.login-forgot a{color:var(--text-label);transition:color var(--transition-fast);font-size:13px;font-weight:500;text-decoration:none}.login-forgot a:hover{color:var(--text-primary)}.login-btn{border-radius:var(--radius-md);cursor:pointer;width:100%;height:52px;font-family:var(--font-main);color:var(--btn-grad-text);background:var(--brand-grad);border:none;font-size:15px;font-weight:700;transition:opacity .2s,transform .15s,box-shadow .2s;position:relative;overflow:hidden;box-shadow:0 0 24px #9945ff61,0 0 60px #14f1951f}.login-btn:after{content:"";background:linear-gradient(105deg,#0000 30%,#ffffff38 50%,#0000 70%);transition:transform .5s;position:absolute;inset:0;transform:translate(-100%)}.login-btn:hover:not(:disabled):after{transform:translate(100%)}.login-btn:hover:not(:disabled){opacity:.92;transform:translateY(-1px);box-shadow:0 0 40px #9945ff8c,0 0 80px #14f19533}.login-btn:active:not(:disabled){transform:translateY(0)}.login-btn:disabled{opacity:.45;cursor:not-allowed}.login-btn-inner{z-index:1;justify-content:center;align-items:center;gap:8px;display:flex;position:relative}.login-spinner{border:2.5px solid #00000040;border-top-color:#000;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login-footer{color:var(--text-dimmed);justify-content:center;align-items:center;gap:6px;margin-top:28px;font-size:12px;display:flex}.login-footer svg{opacity:.55;flex-shrink:0}@media (width<=768px){.login-corner-tl{width:50px;height:50px;top:16px;left:16px}.login-corner-br{width:50px;height:50px;bottom:16px;right:16px}.login-card{padding:36px 28px 32px}.login-heading h1{font-size:23px}}@media (width<=480px){.login-card{border-radius:var(--radius-lg);padding:32px 20px 28px}.login-logo img{height:30px}.login-heading h1{font-size:22px}.login-field input{height:48px;font-size:14px}.login-btn{height:50px;font-size:14.5px}}.container-forgot{background:#f7f8fa;justify-content:center;align-items:center;height:100vh;display:flex}.wrapper-forgot{background:#fff;border-radius:20px;justify-content:center;align-items:center;padding:40px 60px;display:flex;box-shadow:0 4px 10px #0000001a}.left-forgot{flex-direction:column;justify-content:center;align-items:center;display:flex}.left-forgot img{object-fit:contain;width:120px}.left-forgot h4{color:#004a73;margin-top:10px}.divider{background-color:#ddd;width:1px;height:300px;margin:0 40px}.right-forgot{flex-direction:column;align-items:center;display:flex;position:relative}.back-btn{color:#004a73;cursor:pointer;background:0 0;border:none;font-size:14px;font-weight:600;transition:all .3s;position:absolute;top:0;right:0}.back-btn:hover{color:#f6b500}.card-forgot{text-align:center;background-color:#fff;border-radius:16px;min-width:350px;padding:40px 50px}.title-forgot h1{color:#1a2b5f;margin-bottom:10px}.title-forgot p{color:#666;margin-bottom:25px;font-size:14px}.form-forgot{flex-direction:column;align-items:center;gap:15px;display:flex}.button-forgot button{color:#fff;cursor:pointer;background-color:#004a73;border:none;border-radius:8px;width:300px;height:45px;font-weight:600}.button-forgot button:hover{color:#004a73;background-color:#f6b500;transition:all .3s}.success-forgot{text-align:center;color:#004a73}.app-shell{background:var(--bg-page);width:100vw;height:100vh;display:flex;overflow:hidden}.app-sidebar{flex-shrink:0;width:240px;height:100vh;transition:width .28s cubic-bezier(.4,0,.2,1),opacity .28s;overflow:hidden}.app-sidebar.collapsed{opacity:0;pointer-events:none;width:0}.app-main{flex-direction:column;flex:1;min-width:0;height:100vh;display:flex;overflow:hidden}.loading-screen{background:var(--bg-page);z-index:9999;justify-content:center;align-items:center;animation:.35s both ls-fadein;display:flex;position:fixed;inset:0;overflow:hidden}@keyframes ls-fadein{0%{opacity:0}to{opacity:1}}.loading-blob{filter:blur(80px);pointer-events:none;border-radius:50%;animation:6s ease-in-out infinite alternate blobDrift;position:absolute}.loading-blob--purple{background:#9945ff2e;width:340px;height:340px;animation-delay:0s;top:-60px;left:-80px}.loading-blob--green{background:#14f1951f;width:280px;height:280px;animation-delay:-3s;bottom:-40px;right:-60px}[data-theme=light] .loading-blob--purple{background:#9945ff1a}[data-theme=light] .loading-blob--green{background:#14f19514}@keyframes blobDrift{0%{transform:translate(0)scale(1)}to{transform:translate(30px,20px)scale(1.08)}}.loading-card{background:var(--bg-surface);border:1px solid var(--border-default);box-shadow:0 0 0 1px var(--border-default), 0 24px 64px #00000047, 0 0 80px #9945ff14;border-radius:24px;flex-direction:column;align-items:center;gap:18px;padding:40px 52px;animation:.5s cubic-bezier(.34,1.56,.64,1) both cardUp;display:flex;position:relative}[data-theme=light] .loading-card{box-shadow:0 0 0 1px var(--border-default), 0 20px 48px #0000001a}@keyframes cardUp{0%{opacity:0;transform:translateY(18px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.loading-ring{flex-shrink:0;width:72px;height:72px;position:relative}.loading-ring:before,.loading-ring:after{content:"";border-radius:50%;position:absolute;inset:0}.loading-ring:before{border:2.5px solid var(--border-default)}.loading-ring:after{border:2.5px solid #0000;border-top-color:var(--brand-purple,#9945ff);border-right-color:var(--brand-green,#14f195);animation:1s linear infinite ringSpín}@keyframes ringSpín{to{transform:rotate(360deg)}}.loading-ring-inner{background:var(--bg-surface-2);border:1px solid var(--border-default);border-radius:50%;position:absolute;inset:10px}.loading-logo{width:36px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}[data-theme=dark] .loading-logo{filter:brightness(0)invert()}.loading-label{letter-spacing:-.2px;color:var(--text-primary);background:var(--brand-grad,linear-gradient(90deg, #9945ff, #14f195));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-family:DM Sans,sans-serif;font-size:15px;font-weight:700;animation:2.4s ease-in-out infinite labelShimmer}@keyframes labelShimmer{0%,to{opacity:.75}50%{opacity:1}}.loading-bar-track{background:var(--border-default);border-radius:999px;width:180px;height:3px;overflow:hidden}.loading-bar-fill{background:var(--brand-grad,linear-gradient(90deg, #9945ff, #14f195));border-radius:999px;height:100%;animation:1.6s cubic-bezier(.4,0,.6,1) infinite barSlide}@keyframes barSlide{0%{width:60%;transform:translate(-100%)}50%{width:60%;transform:translate(60%)}to{width:60%;transform:translate(200%)}}@media (width<=1080px){.app-sidebar{display:none}.app-main{width:100vw}}@media (width<=1080px){.user-leftbar{width:250px;box-shadow:6px 0 30px #00000040}}.mainbar{background:var(--bg-page);flex-direction:column;height:100vh;font-family:DM Sans,sans-serif;transition:background .3s;display:flex;overflow:hidden}.mainbar-top{background:var(--bg-surface);border-bottom:1px solid var(--sidebar-border);z-index:20;flex-shrink:0;justify-content:space-between;align-items:center;height:62px;padding:0 20px;transition:background .3s,border-color .3s;display:flex;position:relative}.mainbar-top:before{content:"";background:var(--brand-grad);opacity:.5;pointer-events:none;height:1px;position:absolute;top:0;left:0;right:0}.mainbar-top-left{align-items:center;gap:14px;display:flex}.mainbar-top-right{align-items:center;gap:8px;display:flex}.profile-wrap{position:relative}.mainbar-menu-btn{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:6px;transition:background .15s,color .15s;display:flex}.mainbar-menu-btn:hover{background:var(--sidebar-item-hover);color:var(--text-primary)}.mainbar-page-title{color:var(--text-primary);letter-spacing:-.2px;font-size:15px;font-weight:600}.nav-pill-btn{background:var(--bg-input);border:1px solid var(--border-input);color:var(--text-label);cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:5px;height:30px;padding:5px 13px;font-family:DM Sans,sans-serif;font-size:12.5px;font-weight:600;line-height:1;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.nav-pill-btn:hover{border-color:var(--brand-purple);color:var(--text-primary);background:var(--sidebar-item-active)}.nav-divider{background:var(--border-default);flex-shrink:0;width:1px;height:22px}.profile-wrap{margin-left:4px;position:relative}.profile-avatar-btn{border:1px solid var(--border-input);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:8px;padding:3px 10px 3px 3px;transition:border-color .15s,background .15s;display:flex}.profile-avatar-btn:hover{border-color:var(--border-hover);background:var(--sidebar-item-hover)}.profile-avatar-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;max-width:100px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;overflow:hidden}.profile-dropdown{background:var(--bg-surface);border:1px solid var(--border-default);z-index:100;border-radius:14px;min-width:230px;padding:6px;animation:.18s cubic-bezier(.16,1,.3,1) both dropIn;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 40px #00000038,0 2px 8px #0000001f}[data-theme=dark] .profile-dropdown{background:#141414;border-color:#ffffff1a}[data-theme=dark] .profile-dropdown-email-main,[data-theme=dark] .profile-dropdown-name{color:#fff}[data-theme=dark] .profile-dropdown-item{color:#ffffffb3}[data-theme=dark] .profile-dropdown-item:hover{color:#fff;background:#ffffff0f}[data-theme=dark] .profile-dropdown-item.danger{color:var(--danger)}[data-theme=dark] .profile-dropdown-item.danger:hover{background:var(--danger-bg)}@keyframes dropIn{0%{opacity:0;transform:translateY(-8px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.profile-dropdown-info{flex-direction:column;gap:2px;padding:8px 12px 10px;display:flex}.profile-dropdown-email-main{color:var(--text-primary);word-break:break-all;font-size:13px;font-weight:600;line-height:1.3}.profile-dropdown-role{align-items:center;gap:5px;margin-top:4px;display:inline-flex}.profile-dropdown-role span{letter-spacing:.6px;text-transform:uppercase;background:var(--brand-grad);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:10.5px;font-weight:700}.profile-dropdown-name{color:var(--text-primary);font-size:13.5px;font-weight:700;line-height:1.3}.profile-dropdown-email{color:var(--text-muted);font-size:11.5px}.profile-dropdown-divider{background:var(--border-default);height:1px;margin:4px 0}.profile-dropdown-item{width:100%;color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:9px;padding:9px 12px;font-family:DM Sans,sans-serif;font-size:13.5px;font-weight:500;transition:background .15s,color .15s;display:flex}.profile-dropdown-item:hover{background:var(--sidebar-item-hover);color:var(--text-primary)}.profile-dropdown-item.danger{color:var(--danger)}.profile-dropdown-item.danger:hover{background:var(--danger-bg);color:var(--danger)}.leftbar-mobile-overlay{display:none}.mainbar-content{background:var(--bg-page);scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent;flex:1;transition:background .3s;overflow-y:auto}.mainbar-content::-webkit-scrollbar{width:4px}.mainbar-content::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:99px}@media (width<=1080px){.profile-dropdown{left:0;right:auto}.leftbar-mobile-overlay{z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;pointer-events:none;background:#0000008c;transition:opacity .25s;display:block;position:fixed;inset:0}.leftbar-mobile-overlay.open{opacity:1;pointer-events:auto}.leftbar-mobile-overlay .user-leftbar{border-right:none;border-left:1px solid var(--sidebar-border);transition:transform .28s cubic-bezier(.4,0,.2,1);position:absolute;inset:0 0 0 auto;transform:translate(100%);box-shadow:-6px 0 30px #00000040}.leftbar-mobile-overlay.open .user-leftbar{transform:translate(0)}}@media (width<=600px){.mainbar-top{height:56px;padding:0 14px}.nav-pill-btn{height:28px;padding:4px 10px;font-size:11.5px}.profile-avatar-name{display:none}.profile-avatar-btn{padding:3px}.mainbar-page-title{font-size:14px}.mainbar-top{justify-content:space-between}.mainbar-top-right{flex:1;order:1}.mainbar-top-right .profile-wrap{order:-1;margin-left:0;margin-right:auto}.mainbar-top-left{order:2}}@media (width>=601px) and (width<=1080px){.mainbar-top{justify-content:space-between}.mainbar-top-right{flex:1;order:1}.mainbar-top-right .profile-wrap{order:-1;margin-left:0;margin-right:auto}.mainbar-top-left{order:2}}.hdash-search--full,.hdash-search--full:focus{width:100%}@keyframes hdash-compose-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes hdash-spin{to{transform:rotate(360deg)}}@keyframes hdash-shimmer{0%,to{opacity:.4}50%{opacity:.85}}@keyframes hdash-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes hdash-slideUp{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=960px){.hdash-tabs{display:flex}.hdash-grid{grid-template-columns:1fr}.hdash-right{display:contents}.hdash-tab-content{display:none}.hdash-tab-content--active{display:flex}.hdash-panel-head--desktop{display:none}.hdash-mobile-head{align-items:center;gap:8px;display:flex}}@media (width<=600px){.hdash{gap:10px;padding:12px}.hdash-banner{padding:14px 16px}.hdash-greeting{font-size:15px}.hdash-cal-btn span{display:none}.hdash-panel{padding:14px}.hdash-tab{gap:4px;padding:7px 4px;font-size:11.5px}.rte-toolbar{gap:1px;padding:6px 8px}.rte-btn{width:26px;height:24px}.hdash-compose-footer{flex-direction:column;align-items:flex-start}.hdash-compose-actions{align-self:flex-end}}@media (width<=360px){.hdash-tab{gap:3px;padding:6px 3px;font-size:10.5px}.hdash-tabs{gap:4px;padding:4px}}.atthr-shell{background:var(--bg-page);min-height:100%;color:var(--text-primary);box-sizing:border-box;flex-direction:column;gap:12px;padding:20px;font-family:DM Sans,sans-serif;display:flex}.atthr-guard{text-align:center;color:var(--text-muted);padding:40px;font-family:DM Sans,sans-serif}.atthr-banner{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:16px;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;display:flex;position:relative;overflow:hidden}.atthr-banner:before{content:"";background:var(--brand-grad);opacity:.8;height:2px;position:absolute;top:0;left:0;right:0}.atthr-title{letter-spacing:-.3px;color:var(--text-primary);margin:0 0 3px;font-size:17px;font-weight:800}.atthr-subtitle{color:var(--text-muted);text-transform:capitalize;margin:0;font-size:12.5px}.atthr-actions{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;gap:10px;display:flex}.atthr-btn-inner{align-items:center;gap:7px;font-weight:700;display:inline-flex}.atthr-btn-in{background:var(--brand-grad)!important;color:var(--btn-grad-text)!important;box-shadow:0 0 18px var(--orb-purple)!important;border:none!important;font-family:DM Sans,sans-serif!important;font-weight:700!important;transition:opacity .15s,transform .12s,box-shadow .15s!important;position:relative!important;overflow:hidden!important}.atthr-btn-in:after{content:"";background:linear-gradient(105deg,#0000 30%,#ffffff2e 50%,#0000 70%);transition:transform .45s;position:absolute;inset:0;transform:translate(-100%)}.atthr-btn-in:hover:after{transform:translate(100%)}.atthr-btn-in:hover{opacity:.88!important;box-shadow:0 0 26px var(--orb-purple)!important;transform:translateY(-1px)!important}.atthr-btn-out{color:var(--btn-grad-text)!important;background:linear-gradient(90deg,#9945ff,#ff6b6b)!important;border:none!important;font-family:DM Sans,sans-serif!important;font-weight:700!important;transition:opacity .15s,transform .12s,box-shadow .15s!important;position:relative!important;overflow:hidden!important;box-shadow:0 0 18px #ff6b6b47!important}.atthr-btn-out:after{content:"";background:linear-gradient(105deg,#0000 30%,#ffffff2e 50%,#0000 70%);transition:transform .45s;position:absolute;inset:0;transform:translate(-100%)}.atthr-btn-out:hover:after{transform:translate(100%)}.atthr-btn-out:hover{opacity:.88!important;transform:translateY(-1px)!important;box-shadow:0 0 26px #ff6b6b66!important}.atthr-panel{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:16px;flex-direction:column;gap:14px;padding:16px 18px;display:flex}.atthr-panel-head{justify-content:space-between;align-items:center;display:flex}.atthr-panel-title{color:var(--text-primary);align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.atthr-panel-sub{color:var(--text-muted);font-size:12px}.atthr-dot{background:var(--brand-purple);width:8px;height:8px;box-shadow:0 0 0 3px var(--focus-glow);border-radius:50%;flex-shrink:0}.atthr-filter{gap:0;padding:12px 18px}.atthr-filter-row{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.atthr-fgroup{flex-direction:column;flex:1;gap:5px;min-width:120px;display:flex}.atthr-fgroup--wide{flex:2;min-width:180px}.atthr-fgroup--auto{flex:none;align-self:flex-end}.atthr-flabel{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.atthr-finput{border:1px solid var(--border-input);background:var(--bg-input);width:100%;height:38px;color:var(--text-primary);box-sizing:border-box;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border-radius:8px;outline:none;padding:0 12px;font-family:DM Sans,sans-serif;font-size:13px;transition:border-color .15s,box-shadow .15s}[data-theme=light] .atthr-finput{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.atthr-finput:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--focus-ring);background:var(--bg-input-focus)}.atthr-finput[type=date]::-webkit-calendar-picker-indicator{opacity:.5;cursor:pointer;filter:invert()}[data-theme=light] .atthr-finput[type=date]::-webkit-calendar-picker-indicator{filter:invert(0)}.atthr-search-wrap{align-items:center;display:flex;position:relative}.atthr-search-wrap>svg{color:var(--text-muted);pointer-events:none;position:absolute;left:11px}.atthr-finput--search{padding-left:32px!important;padding-right:28px!important}.atthr-search-clear{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 4px;font-size:11px;line-height:1;transition:color .15s;position:absolute;right:10px}.atthr-search-clear:hover{color:var(--text-primary)}.atthr-reset-btn{border:1px solid var(--border-default);background:var(--bg-input);height:38px;color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:0 14px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;transition:border-color .15s,color .15s;display:inline-flex}.atthr-reset-btn:hover{border-color:var(--border-hover);color:var(--text-primary)}.atthr-table-wrap{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent;max-height:52vh;overflow:auto}.atthr-table-wrap::-webkit-scrollbar{width:3px;height:3px}.atthr-table-wrap::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:99px}.atthr-table{border-collapse:collapse;width:100%;min-width:780px}.atthr-th{z-index:2;border-bottom:1.5px solid var(--border-default);letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;padding:10px 12px;font-size:10.5px;font-weight:700;position:sticky;top:0;background:var(--bg-surface)!important;color:var(--text-muted)!important;text-align:center!important}.atthr-table tbody td{border-bottom:1px solid var(--border-default);color:var(--text-primary);vertical-align:middle;text-align:center;padding:10px 12px;font-size:13px}.atthr-row{cursor:pointer;transition:background .15s}.atthr-row:hover{background:var(--table-row-hover)}.atthr-date-cell{flex-direction:column;align-items:center;gap:2px;display:flex}.atthr-date-main{color:var(--text-primary);white-space:nowrap;font-size:12px;font-weight:700}.atthr-date-sub{color:var(--text-muted);white-space:nowrap;font-size:11px}.atthr-name-cell{color:var(--text-primary);white-space:nowrap;font-size:13px;font-weight:600}.atthr-time-cell{flex-direction:column;align-items:center;gap:3px;display:flex}.atthr-time-badge{background:var(--badge-bg);border:1px solid var(--badge-border);color:var(--text-muted);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:3px 9px;font-size:11.5px;font-weight:700;display:inline-flex}.atthr-time-badge--in{color:#0d9965;background:#14f1951a;border-color:#14f19538}.atthr-time-badge--out{color:var(--danger);background:#ff6b6b1a;border-color:#ff6b6b38}.atthr-loc-text{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;max-width:130px;font-size:10.5px;overflow:hidden}.atthr-badge{letter-spacing:.1px;white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.atthr-badge--present{color:#0d9965;background:#14f1951a;border-color:#14f19538}.atthr-badge--late{color:#a07800;background:#ffc8001a;border-color:#ffc80038}.atthr-badge--izin{color:var(--brand-purple);background:#9945ff1a;border-color:#9945ff38}.atthr-badge--sakit{color:var(--brand-cyan);background:#00c2ff1a;border-color:#00c2ff38}.atthr-badge--absent{color:var(--danger);background:#ff6b6b1a;border-color:#ff6b6b38}.atthr-badge--default{background:var(--badge-bg);border-color:var(--badge-border);color:var(--text-muted)}[data-theme=light] .atthr-badge--late{color:#92400e}[data-theme=light] .atthr-badge--izin{color:#5b21b6}[data-theme=light] .atthr-badge--sakit{color:#0369a1}.atthr-thumb{object-fit:cover;border:1px solid var(--border-default);background:var(--bg-input);cursor:pointer;border-radius:8px;width:40px;height:40px;margin:0 auto;transition:transform .15s;display:block}.atthr-thumb:hover{transform:scale(1.08)}.atthr-no-photo{color:var(--text-muted);font-size:13px}.atthr-note-cell{color:var(--text-muted);white-space:normal;word-break:break-word;max-width:150px;font-size:12px;line-height:1.4}.atthr-empty{text-align:center;color:var(--text-muted);margin:0;padding:36px;font-size:13px}.atthr-empty--err{color:var(--danger)}.atthr-pagination{justify-content:center;align-items:center;gap:8px;padding:4px 0 8px;display:flex}.atthr-page-nav{border:1px solid var(--border-default);background:var(--bg-surface);height:36px;color:var(--text-secondary);cursor:pointer;border-radius:999px;align-items:center;gap:5px;padding:0 14px;font-family:DM Sans,sans-serif;font-size:12.5px;font-weight:600;transition:border-color .15s,color .15s;display:inline-flex}.atthr-page-nav:hover:not(:disabled){border-color:var(--border-focus);color:var(--brand-purple)}.atthr-page-nav:disabled{opacity:.4;cursor:not-allowed}.atthr-pills{gap:4px;display:flex}.atthr-pill{border:1px solid var(--border-default);background:var(--bg-surface);width:32px;height:32px;color:var(--text-muted);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;font-family:DM Sans,sans-serif;font-size:12.5px;font-weight:700;transition:all .15s;display:flex}.atthr-pill:hover:not(:disabled):not(.atthr-pill--active){border-color:var(--border-focus);color:var(--brand-purple)}.atthr-pill--active{background:var(--brand-grad);color:var(--btn-grad-text);border-color:#0000}.atthr-pill:disabled{opacity:.4;cursor:not-allowed}@keyframes atthr-shimmer{0%,to{opacity:.35}50%{opacity:.8}}.atthr-skel-bar{background:var(--sidebar-item-hover);border-radius:5px;height:11px;animation:1.5s infinite atthr-shimmer;display:block}.atthr-skel-row td{border-bottom:1px solid var(--border-default);padding:11px 12px}.atthr-overlay{-webkit-backdrop-filter:blur(4px);z-index:200;background:#0000008c;justify-content:center;align-items:center;padding:16px;animation:.18s atthr-fadeIn;display:flex;position:fixed;inset:0}@keyframes atthr-fadeIn{0%{opacity:0}to{opacity:1}}.atthr-cam-box{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:20px;width:min(420px,100%);animation:.22s cubic-bezier(.16,1,.3,1) atthr-slideUp;position:relative;overflow:hidden;box-shadow:0 24px 64px #00000047}.atthr-cam-box:before{content:"";background:var(--brand-grad);opacity:.85;z-index:5;height:2px;position:absolute;top:0;left:0;right:0}@keyframes atthr-slideUp{0%{opacity:0;transform:translateY(16px)scale(.975)}to{opacity:1;transform:translateY(0)scale(1)}}.atthr-cam-head{border-bottom:1px solid var(--border-default);justify-content:space-between;align-items:center;padding:14px 16px 12px;display:flex}.atthr-cam-head-left{align-items:center;gap:8px;display:flex}.atthr-cam-icon-wrap{background:var(--card-glow);border:1px solid var(--border-default);width:28px;height:28px;color:var(--brand-purple);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.atthr-cam-title{letter-spacing:-.1px;color:var(--text-primary);font-size:13.5px;font-weight:700}.atthr-cam-step{color:var(--text-muted);background:var(--bg-input);border:1px solid var(--border-default);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.atthr-modal-close{border:1px solid var(--border-default);background:var(--bg-input);width:28px;height:28px;color:var(--text-muted);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:border-color .15s,color .15s,background .15s;display:flex}.atthr-modal-close:hover{background:var(--danger-bg);border-color:var(--danger-border);color:var(--danger)}.atthr-cam-preview{aspect-ratio:4/3;background:#000;width:100%;position:relative;overflow:hidden}.atthr-cam-preview video,.atthr-captured-img{object-fit:cover;width:100%;height:100%;display:block}.atthr-cam-preview:after{content:"";pointer-events:none;z-index:1;background:radial-gradient(#0000 52%,#0006 100%);position:absolute;inset:0}.atthr-loc-overlay{z-index:2;background:var(--bg-overlay);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border-default);border-radius:8px;flex-direction:column;gap:5px;padding:9px 12px;display:flex;position:absolute;bottom:10px;left:10px;right:10px}.atthr-loc-row{align-items:flex-start;gap:7px;display:flex}.atthr-loc-ic{color:var(--text-muted);flex-shrink:0;margin-top:1px}.atthr-loc-main{color:var(--text-primary);font-size:12px;font-weight:700;line-height:1.3}.atthr-coord-text{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:11px}.atthr-captured-badge{z-index:3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#0d9965;white-space:nowrap;background:#14f1952e;border:1px solid #14f1954d;border-radius:999px;align-items:center;gap:5px;padding:5px 13px 5px 9px;font-size:11.5px;font-weight:700;animation:.22s cubic-bezier(.34,1.56,.64,1) atthr-badge-pop;display:flex;position:absolute;top:11px;left:50%;transform:translate(-50%)}[data-theme=dark] .atthr-captured-badge{color:#14f195;background:#14f1951f}@keyframes atthr-badge-pop{0%{opacity:0;transform:translate(-50%)scale(.82)}to{opacity:1;transform:translate(-50%)scale(1)}}.atthr-cam-actions{flex-direction:column;gap:10px;padding:14px 16px 18px;display:flex}.atthr-cam-row{gap:10px;display:flex}.atthr-cam-row .atthr-cam-btn{flex:1}.atthr-cam-btn{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;height:52px;font-family:DM Sans,sans-serif;font-size:14.5px;font-weight:700;transition:opacity .15s,transform .12s;display:flex;position:relative;overflow:hidden}.atthr-cam-btn:after{content:"";background:linear-gradient(105deg,#0000 30%,#ffffff2e 50%,#0000 70%);transition:transform .45s;position:absolute;inset:0;transform:translate(-100%)}.atthr-cam-btn:hover:not(:disabled):not(.atthr-cam-btn--disabled):after{transform:translate(100%)}.atthr-cam-btn:hover:not(:disabled):not(.atthr-cam-btn--disabled){opacity:.9;transform:translateY(-1px)}.atthr-cam-btn:disabled,.atthr-cam-btn--disabled{opacity:.45;cursor:not-allowed;transform:none!important}.atthr-cam-btn--primary,.atthr-cam-btn--confirm{background:var(--brand-grad);color:var(--btn-grad-text);box-shadow:0 0 18px var(--orb-purple)}.atthr-cam-btn--ghost{background:var(--bg-input);border:1px solid var(--border-default);color:var(--text-secondary)}.atthr-cam-btn--ghost:hover:not(:disabled){border-color:var(--border-hover);color:var(--text-primary)}.atthr-cam-btn--loading{opacity:.65;cursor:not-allowed}.atthr-cam-hint{color:var(--text-muted);text-align:center;margin:0;font-size:11.5px;line-height:1.45}.atthr-spinner{border:2px solid #0003;border-top-color:var(--btn-grad-text);border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.7s linear infinite atthr-spin}.atthr-spinner--dark{border-color:var(--border-default);border-top-color:var(--text-primary)}@keyframes atthr-spin{to{transform:rotate(360deg)}}.atthr-detail-box{background:var(--bg-surface);border:1px solid var(--border-default);scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent;border-radius:20px;width:min(480px,96vw);max-height:min(88vh,780px);padding:20px;animation:.22s cubic-bezier(.16,1,.3,1) atthr-slideUp;position:relative;overflow-y:auto;box-shadow:0 24px 64px #00000047}.atthr-detail-box:before{content:"";background:var(--brand-grad);opacity:.8;border-radius:20px 20px 0 0;height:2px;position:absolute;top:0;left:0;right:0}.atthr-detail-box::-webkit-scrollbar{width:3px}.atthr-detail-box::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:99px}.atthr-detail-head{border-bottom:1px solid var(--border-default);background:var(--bg-surface);z-index:2;justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:12px;display:flex;position:sticky;top:-20px}.atthr-detail-head h3{color:var(--text-primary);letter-spacing:-.2px;margin:0;font-size:15px;font-weight:800}.atthr-detail-meta{background:var(--bg-surface-2);border:1px solid var(--border-default);border-radius:12px;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px;padding:12px 14px;display:grid}.atthr-detail-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px;margin-bottom:4px;font-size:10.5px;font-weight:700}.atthr-detail-value{color:var(--text-primary);font-size:13px;font-weight:700;line-height:1.35}.atthr-detail-cols{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px;display:grid}.atthr-dcard{border:1px solid var(--border-default);background:var(--bg-surface-2);border-radius:12px;flex-direction:column;gap:10px;padding:12px;display:flex}.atthr-dcard--in{border-top:2.5px solid #14f19566}.atthr-dcard--out{border-top:2.5px solid #ff6b6b66}.atthr-dcard-header{color:var(--text-primary);align-items:center;gap:6px;font-size:12.5px;font-weight:700;display:flex}.atthr-dcard-meta{flex-direction:column;gap:8px;display:flex}.atthr-dcard-photo{border:1px solid var(--border-default);background:var(--bg-input);border-radius:8px;flex:1;justify-content:center;align-items:center;min-height:70px;display:flex;overflow:hidden}.atthr-dcard-photo img{width:100%;height:auto;display:block}.atthr-no-photo-block{color:var(--text-muted);padding:14px;font-size:12px}.atthr-reason-section{flex-direction:column;gap:6px;display:flex}.atthr-note-counter{color:var(--text-muted);justify-content:flex-end;font-size:11px;display:flex}.atthr-note-counter--warn{color:#f59e0b;font-weight:600}.atthr-note-counter--over{color:var(--danger);font-weight:700}.atthr-textarea{box-sizing:border-box;resize:vertical;border:1px solid var(--border-input);background:var(--bg-input);width:100%;color:var(--text-primary);border-radius:8px;outline:none;min-height:80px;padding:10px 12px;font-family:DM Sans,sans-serif;font-size:13px;transition:border-color .15s,box-shadow .15s}.atthr-textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--focus-ring);background:var(--bg-input-focus)}.atthr-textarea:disabled{opacity:.55}.atthr-save-btn{background:var(--brand-grad);width:100%;height:42px;color:var(--btn-grad-text);cursor:pointer;box-shadow:0 0 18px var(--orb-purple);border:none;border-radius:8px;justify-content:center;align-items:center;gap:7px;margin-top:4px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:700;transition:opacity .15s,transform .12s;display:inline-flex;position:relative;overflow:hidden}.atthr-save-btn:after{content:"";background:linear-gradient(105deg,#0000 30%,#ffffff2e 50%,#0000 70%);transition:transform .45s;position:absolute;inset:0;transform:translate(-100%)}.atthr-save-btn:hover:not(:disabled):after{transform:translate(100%)}.atthr-save-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.atthr-save-btn:disabled,.atthr-save-btn--loading{opacity:.55;cursor:not-allowed;transform:none}@media (width<=640px){.atthr-shell{gap:10px;padding:12px}.atthr-banner{flex-direction:column;align-items:flex-start;padding:14px 16px}.atthr-title{font-size:15px}.atthr-actions{grid-template-columns:1fr 1fr;width:100%;display:grid}.atthr-actions>*{width:100%!important;min-width:0!important}.atthr-panel{padding:12px 14px}.atthr-filter{padding:10px 14px}.atthr-cam-row{flex-direction:column}.atthr-filter-row{grid-template-columns:1fr;gap:8px;display:grid}.atthr-fgroup{flex:none;min-width:0}.atthr-fgroup--wide{min-width:0}.atthr-fgroup--auto{align-self:stretch}.atthr-reset-btn{justify-content:center;width:100%}}@media (width<=520px){.atthr-detail-meta{grid-template-columns:1fr 1fr}.atthr-detail-cols{grid-template-columns:1fr}}@media (width<=380px){.atthr-detail-meta{grid-template-columns:1fr}}.emp-wrap{background:var(--bg-page);min-height:100%;color:var(--text-primary);box-sizing:border-box;flex-direction:column;gap:14px;padding:20px;font-family:DM Sans,sans-serif;display:flex}.emp-header{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:16px;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 22px 20px;display:flex;position:relative;overflow:hidden}.emp-header:before{content:"";background:var(--brand-grad,linear-gradient(90deg,#9945ff,#14f195));opacity:.8;pointer-events:none;height:2px;position:absolute;top:0;left:0;right:0}.emp-heading{color:var(--text-primary);letter-spacing:-.3px;margin:0 0 4px;font-size:17px;font-weight:700}.emp-date{color:var(--text-muted);margin:0;font-size:13px}.emp-header-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.emp-btn{cursor:pointer;border:none;border-radius:999px;align-items:center;gap:6px;height:38px;padding:0 16px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;transition:all .18s;display:inline-flex}.emp-btn--primary{background:var(--brand-grad);color:var(--btn-grad-text);box-shadow:0 0 18px var(--orb-purple)}.emp-btn--primary:hover{opacity:.92;transform:translateY(-1px)}.emp-btn--ghost{background:var(--bg-input);color:var(--text-secondary);border:1px solid var(--border-default)}.emp-btn--ghost:hover{border-color:var(--border-hover);color:var(--text-primary)}.emp-filter-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.emp-search-wrap{flex:1;min-width:200px;position:relative}.emp-search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.emp-search-input{border:1px solid var(--border-input);background:var(--bg-input);width:100%;height:40px;color:var(--text-primary);box-sizing:border-box;border-radius:999px;outline:none;padding:0 40px 0 38px;font-family:DM Sans,sans-serif;font-size:13px;transition:all .15s}.emp-search-input::placeholder{color:var(--text-placeholder)}.emp-search-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 4px var(--focus-ring);background:var(--bg-input-focus)}.emp-clear-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;line-height:1;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.emp-select{border:1px solid var(--border-input);background:var(--bg-input);min-width:150px;height:40px;color:var(--text-primary);appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg fill='none' stroke='%23888' stroke-width='2' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9l6 6 6-6'%3E%3C/path%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;border-radius:999px;outline:none;padding:0 36px 0 14px;font-family:DM Sans,sans-serif;font-size:13px;transition:all .15s}.emp-select:focus{border-color:var(--border-focus);box-shadow:0 0 0 4px var(--focus-ring)}.emp-table-wrap{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:16px;flex:1;min-height:0;overflow:hidden}.emp-table{border-collapse:collapse;width:100%;min-width:720px}.emp-table thead th{background:var(--table-header-bg);z-index:1;text-align:left;letter-spacing:.5px;text-transform:uppercase;color:var(--text-label);border-bottom:1px solid var(--table-border);padding:12px 16px;font-size:11px;font-weight:600;position:sticky;top:0}.emp-table tbody td{border-bottom:1px solid var(--table-border);color:var(--text-secondary);vertical-align:middle;padding:11px 16px;font-size:13px}.emp-table tbody tr{cursor:pointer;transition:background .12s}.emp-table tbody tr:hover td{background:var(--table-row-hover);color:var(--text-primary)}.emp-table tbody tr:last-child td{border-bottom:none}.emp-name-cell{align-items:center;gap:10px;display:flex}.emp-avatar{background:linear-gradient(135deg, var(--brand-purple), var(--brand-green));color:#000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:flex}.emp-name{color:var(--text-primary);font-weight:600}.emp-email{color:var(--text-muted);margin-top:1px;font-size:11px}.emp-badge{border:1px solid var(--badge-border);background:var(--badge-bg);height:24px;color:var(--text-secondary);border-radius:999px;align-items:center;padding:0 10px;font-size:11px;font-weight:600;display:inline-flex}.emp-badge--tetap{color:#14f195;background:#14f1951a;border-color:#14f19540}.emp-badge--kontrak{color:#00c2ff;background:#00c2ff1a;border-color:#00c2ff40}.emp-badge--magang{color:#9945ff;background:#9945ff1a;border-color:#9945ff40}.emp-empty{text-align:center;color:var(--text-muted);padding:32px;font-size:14px}.emp-sk-row td{padding:12px 16px}.emp-sk-line{background:var(--bg-input);border-radius:8px;height:13px;position:relative;overflow:hidden}.emp-sk-line:after{content:"";background:linear-gradient(90deg, transparent, var(--shimmer-color,#ffffff12), transparent);animation:1.2s infinite emp-shimmer;position:absolute;inset:0;transform:translate(-100%)}[data-theme=light] .emp-sk-line:after{--shimmer-color:#0000000f}@keyframes emp-shimmer{to{transform:translate(100%)}}.emp-pagination{justify-content:center;align-items:center;gap:8px;padding:4px 0;display:flex}.emp-page-nav{border:1px solid var(--border-default);background:var(--bg-input);height:36px;color:var(--text-secondary);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.emp-page-nav:hover:not(:disabled){border-color:var(--border-hover);color:var(--text-primary)}.emp-page-nav:disabled{opacity:.35;cursor:not-allowed}.emp-page-pills{gap:4px;display:flex}.emp-page-pill{border:1px solid var(--border-default);background:var(--bg-input);width:34px;height:34px;color:var(--text-secondary);cursor:pointer;border-radius:8px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;transition:all .15s}.emp-page-pill:hover:not(:disabled){border-color:var(--border-hover);color:var(--text-primary)}.emp-page-pill.active{background:var(--brand-grad);color:var(--btn-grad-text);box-shadow:0 0 12px var(--orb-purple);border-color:#0000}.emp-page-pill:disabled{opacity:.35;cursor:not-allowed}@media (width<=860px){.emp-filter-row{flex-direction:column}.emp-search-wrap{min-width:100%}.emp-select{width:100%}}@media (width<=600px){.emp-wrap{padding:12px}.emp-header{flex-direction:column}.emp-header-actions{width:100%}.emp-btn{flex:1;justify-content:center}}.add-emp-overlay{-webkit-backdrop-filter:blur(4px);z-index:300;background:#0000008c;justify-content:center;align-items:center;padding:16px;animation:.18s add-emp-fade-in;display:flex;position:fixed;inset:0}@keyframes add-emp-fade-in{0%{opacity:0}to{opacity:1}}.add-emp-box{background:var(--bg-surface);border:1px solid var(--border-default);width:min(700px,100%);max-height:90vh;color:var(--text-primary);scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent;border-radius:20px;flex-direction:column;gap:18px;padding:24px;font-family:DM Sans,sans-serif;animation:.22s cubic-bezier(.16,1,.3,1) add-emp-slide-up;display:flex;position:relative;overflow-y:auto;box-shadow:0 24px 64px #0006}.add-emp-box::-webkit-scrollbar{width:4px}.add-emp-box::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:99px}.add-emp-box:before{content:"";background:var(--brand-grad,linear-gradient(90deg,#9945ff,#14f195));opacity:.8;pointer-events:none;height:2px;position:absolute;top:0;left:0;right:0}@keyframes add-emp-slide-up{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.add-emp-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.add-emp-head-left{flex-direction:column;gap:3px;display:flex}.add-emp-title{letter-spacing:-.3px;color:var(--text-primary);margin:0;font-size:17px;font-weight:700}.add-emp-sub{color:var(--text-muted);margin:0;font-size:12px}.add-emp-close{border:1px solid var(--border-default);background:var(--bg-input);width:32px;height:32px;color:var(--text-muted);cursor:pointer;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;transition:border-color .15s,color .15s,background .15s;display:flex}.add-emp-close:hover{color:var(--danger,#ff6b6b);background:#ff505014;border-color:#ff505059}.add-emp-error{background:var(--danger-bg);border:1px solid var(--danger-border);color:var(--danger);border-radius:10px;padding:10px 14px;font-size:13px;font-weight:500;line-height:1.45}.add-emp-form{flex-direction:column;gap:14px;display:flex}.add-emp-field{flex-direction:column;gap:6px;display:flex}.add-emp-label{text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);font-size:11px;font-weight:700}.add-emp-required{color:var(--danger,#ff6b6b)}.add-emp-grid-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.add-emp-input,.add-emp-select{border:1.5px solid var(--border-input);background:var(--bg-input);height:42px;color:var(--text-primary);box-sizing:border-box;-webkit-appearance:none;border-radius:10px;outline:none;width:100%;padding:0 14px;font-family:DM Sans,sans-serif;font-size:13.5px;transition:border-color .15s,box-shadow .15s,background .15s}.add-emp-input::placeholder{color:var(--text-placeholder)}.add-emp-input:focus,.add-emp-select:focus{border-color:var(--brand-purple,#9945ff);background:var(--bg-input-focus);box-shadow:0 0 0 3px #9945ff1f}.add-emp-input:disabled,.add-emp-select:disabled{opacity:.45;cursor:not-allowed}.add-emp-input[type=date]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.add-emp-input[type=date]::-webkit-calendar-picker-indicator{opacity:.5;cursor:pointer;filter:invert();transition:opacity .15s}.add-emp-input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}.add-emp-select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg fill='none' stroke='%23888' stroke-width='2' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9l6 6 6-6'%3E%3C/path%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:15px;padding-right:36px}.add-emp-file-label{border:1.5px dashed var(--border-input);background:var(--bg-input);height:42px;color:var(--text-secondary);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box;border-radius:10px;align-items:center;gap:9px;width:100%;padding:0 14px;font-family:DM Sans,sans-serif;font-size:13px;transition:border-color .15s,color .15s,background .15s;display:flex;overflow:hidden}.add-emp-file-label:hover{border-color:var(--brand-purple,#9945ff);color:var(--text-primary);background:#9945ff0a}.add-emp-file-label--has-file{color:#14f195;background:#14f1950d;border-color:#14f19559}.add-emp-file-hidden{opacity:0;clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.add-emp-hint{color:var(--text-muted);margin:0;font-size:11.5px;line-height:1.4}.add-emp-picker{position:relative}.add-emp-picker-clear{background:var(--bg-surface-2);width:22px;height:22px;color:var(--text-muted);cursor:pointer;z-index:1;border:none;border-radius:6px;justify-content:center;align-items:center;font-size:11px;transition:all .15s;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.add-emp-picker-clear:hover{color:var(--text-primary)}.add-emp-dropdown{background:var(--bg-surface);border:1px solid var(--border-default);z-index:100;border-radius:12px;max-height:240px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden auto;box-shadow:0 16px 40px #00000080}.add-emp-option{text-align:left;cursor:pointer;background:0 0;border:0;width:100%;padding:10px 14px;font-family:DM Sans,sans-serif;transition:all .12s}.add-emp-option:hover{background:var(--bg-surface-2)}.add-emp-option-name{color:var(--text-primary);font-size:13px;font-weight:600}.add-emp-option-sub{color:var(--text-muted);margin-top:1px;font-size:11.5px}.add-emp-option-empty{color:var(--text-muted);text-align:center;padding:14px;font-size:13px}.add-emp-divider{text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);align-items:center;gap:10px;font-size:11px;font-weight:700;display:flex}.add-emp-divider:before,.add-emp-divider:after{content:"";background:var(--border-default);flex:1;height:1px}.add-emp-sk{flex-direction:column;gap:14px;display:flex}.add-emp-sk-field{flex-direction:column;gap:6px;display:flex}.add-emp-sk-label{background:var(--bg-input);border-radius:6px;width:30%;height:11px;animation:1.5s infinite add-emp-pulse}.add-emp-sk-input{background:var(--bg-input);border-radius:10px;width:100%;height:42px;animation:1.5s infinite add-emp-pulse}@keyframes add-emp-pulse{0%,to{opacity:.4}50%{opacity:.85}}.add-emp-actions{border-top:1px solid var(--border-default);justify-content:flex-end;align-items:center;gap:10px;margin-top:4px;padding-top:6px;display:flex}.add-emp-btn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:7px;height:40px;padding:0 20px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:700;transition:opacity .15s,transform .1s,box-shadow .15s;display:inline-flex;position:relative;overflow:hidden}.add-emp-btn:disabled{opacity:.38;cursor:not-allowed;transform:none!important}.add-emp-btn--primary{background:var(--brand-grad,linear-gradient(90deg,#9945ff,#14f195));color:#000;box-shadow:0 0 14px #9945ff47}.add-emp-btn--primary:after{content:"";background:linear-gradient(105deg,#0000 30%,#ffffff38 50%,#0000 70%);transition:transform .45s;position:absolute;inset:0;transform:translate(-100%)}.add-emp-btn--primary:hover:not(:disabled):after{transform:translate(100%)}.add-emp-btn--primary:hover:not(:disabled){opacity:.9;transform:translateY(-1px);box-shadow:0 0 22px #9945ff66}.add-emp-btn--ghost{background:var(--bg-input);border-color:var(--border-input);color:var(--text-secondary)}.add-emp-btn--ghost:hover:not(:disabled){border-color:var(--border-hover);color:var(--text-primary);transform:translateY(-1px)}.add-emp-spinner{border:2px solid #00000040;border-top-color:#000;border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.7s linear infinite add-emp-spin}@keyframes add-emp-spin{to{transform:rotate(360deg)}}@media (width<=560px){.add-emp-box{border-radius:16px;padding:18px}.add-emp-grid-2{grid-template-columns:1fr}.add-emp-actions{flex-direction:column-reverse;align-items:stretch}.add-emp-btn{justify-content:center;width:100%}}[data-theme=dark] .add-emp-select option{color:#fff;background:#1a1a1a}[data-theme=dark] .add-emp-select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.modal-detail-employee__overlay{z-index:9999;background:#0009;justify-content:center;align-items:center;padding:14px;display:flex;position:fixed;inset:0}.modal-detail-employee__panel{background:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid var(--border-default);width:min(860px,96vw);max-height:86vh;padding:16px;position:relative;overflow:auto;box-shadow:0 20px 60px #0009}.modal-detail-employee__panel:before{content:"";background:var(--brand-grad,linear-gradient(90deg, #9945ff, #14f195));border-radius:var(--radius-lg) var(--radius-lg) 0 0;opacity:.85;pointer-events:none;height:2px;position:absolute;top:0;left:0;right:0}.modal-detail-employee__head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:4px;display:flex}.modal-detail-employee__title{color:var(--text-primary);margin:0;font-size:16px;font-weight:800}.modal-detail-employee__action{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.modal-detail-employee__close{border:1px solid var(--border-default);background:var(--bg-surface-2);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);border-radius:10px;justify-content:center;align-items:center;font-weight:900;display:flex}.modal-detail-employee__close:hover{border-color:var(--border-hover);color:var(--text-primary)}.de-tab-nav{border-bottom:1px solid var(--border-default);scrollbar-width:thin;scrollbar-color:var(--border-hover) transparent;gap:0;margin:8px 0 0;padding-bottom:6px;display:flex;overflow:auto hidden}.de-tab-nav::-webkit-scrollbar{height:6px}.de-tab-nav::-webkit-scrollbar-track{background:0 0}.de-tab-nav::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:999px}.de-tab-nav::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.de-tab-nav{-webkit-overflow-scrolling:touch}.de-tab-btn{font-size:13px;font-weight:500;font-family:var(--font-main);color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;flex-shrink:0;margin-bottom:-1px;padding:9px 14px;transition:color .15s,border-color .15s}.de-tab-btn:hover{color:var(--text-secondary)}.de-tab-btn--active{color:var(--brand-purple);border-bottom-color:var(--brand-purple);font-weight:700}.de-tab-content{margin-top:12px}.de-section{border:1px solid var(--border-default);border-radius:var(--radius-md);overflow:hidden}.de-section-title{letter-spacing:.5px;text-transform:uppercase;color:var(--text-label);background:var(--bg-surface);border-bottom:1px solid var(--border-default);align-items:center;gap:8px;padding:9px 14px;font-size:11px;font-weight:700;display:flex}.de-section-title:before{content:"";background:var(--brand-grad,linear-gradient(180deg, #9945ff, #14f195));border-radius:2px;flex-shrink:0;width:3px;height:12px}.de-section>div:not(.de-section-title){background:var(--bg-surface-2);padding:14px}.modal-detail-employee__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}@media (width<=600px){.modal-detail-employee__grid{grid-template-columns:1fr}}.modal-detail-employee__item{border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-surface-2);padding:10px 12px}.modal-detail-employee__label{letter-spacing:.3px;text-transform:uppercase;color:var(--text-label);margin-bottom:4px;font-size:11px;display:block}.modal-detail-employee__value{color:var(--text-primary);font-size:13.5px;font-weight:700;display:block}.btn-primary{background:var(--brand-grad);height:36px;color:var(--btn-grad-text);font-size:13px;font-weight:700;font-family:var(--font-main);cursor:pointer;box-shadow:0 0 14px var(--orb-purple);transition:var(--transition-fast);border:none;border-radius:999px;align-items:center;gap:6px;padding:0 16px;display:inline-flex}.btn-primary:hover:not(:disabled){opacity:.92;transform:translateY(-1px)}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.btn-soft{border:1px solid var(--border-default);background:var(--bg-input);height:36px;color:var(--text-secondary);font-size:13px;font-weight:600;font-family:var(--font-main);cursor:pointer;transition:var(--transition-fast);border-radius:999px;align-items:center;gap:6px;padding:0 14px;display:inline-flex}.btn-soft:hover:not(:disabled){border-color:var(--border-hover);color:var(--text-primary)}.btn-soft:disabled{opacity:.45;cursor:not-allowed}.btn-sm{height:30px;padding:0 10px;font-size:12px}.m-input{box-sizing:border-box;border-radius:var(--radius-sm);border:1px solid var(--border-input);background:var(--bg-input);width:100%;height:38px;color:var(--text-primary);font-size:13px;font-family:var(--font-main);transition:var(--transition-fast);outline:none;padding:0 10px}.m-input::placeholder{color:var(--text-placeholder)}.m-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--focus-ring);background:var(--bg-input-focus)}.m-textarea{box-sizing:border-box;border-radius:var(--radius-sm);border:1px solid var(--border-input);background:var(--bg-input);width:100%;min-height:72px;color:var(--text-primary);font-size:13px;font-family:var(--font-main);resize:vertical;transition:var(--transition-fast);outline:none;padding:8px 10px}.m-textarea::placeholder{color:var(--text-placeholder)}.m-textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--focus-ring);background:var(--bg-input-focus)}.user-error{border-radius:var(--radius-md);border:1px solid var(--danger-border);background:var(--danger-bg);color:var(--danger);margin-bottom:10px;padding:10px 14px;font-size:13px;font-weight:600}.card-mini{background:var(--bg-surface-2);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary);padding:12px 14px;font-size:13px}.card-mini--muted{opacity:.6}.de-list-editor{gap:10px;display:grid}.de-list-actions{justify-content:flex-end;gap:8px;display:flex}.de-list-item{gap:8px;display:grid}.de-list-item-actions{align-items:center;gap:8px;display:flex}.de-personal-wrap{align-items:flex-start;gap:16px;display:flex}.de-personal-fields{flex:1;min-width:0}.de-img-col{flex-direction:column;flex-shrink:0;align-items:center;gap:8px;width:110px;display:flex}.de-img-preview-wrap{cursor:pointer;border:2px dashed var(--border-default);background:var(--bg-surface-2);border-radius:12px;flex-shrink:0;width:110px;height:110px;transition:border-color .2s;position:relative;overflow:hidden}.de-img-preview-wrap:hover{border-color:#9945ff}.de-img-preview-wrap:hover .de-img-overlay{opacity:1}.de-img-uploading{cursor:not-allowed;opacity:.85}.de-img-preview{object-fit:cover;width:100%;height:100%}.de-img-placeholder{width:100%;height:100%;color:var(--text-muted);text-align:center;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:8px;font-size:11px;display:flex}.de-img-overlay{color:#fff;opacity:0;background:#0000008c;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:11px;font-weight:600;transition:opacity .2s;display:flex;position:absolute;inset:0}.de-img-loading{background:#0000008c;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.de-img-spinner{color:#fff;transform-origin:50%;animation:.8s linear infinite de-spin}@keyframes de-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.de-img-hint{color:var(--text-muted);text-align:center;margin:0;font-size:11px}.de-img-btns{flex-direction:column;gap:6px;width:100%;display:flex}.de-img-err{color:var(--danger);text-align:center;background:var(--danger-bg);border:1px solid var(--danger-border);box-sizing:border-box;border-radius:6px;width:100%;margin:0;padding:4px 8px;font-size:11px;font-weight:600}.de-lb-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.de-lb-info{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.de-lb-period{color:var(--text-primary);font-size:13px;font-weight:800}.de-lb-days{color:#14f195;background:#14f1951a;border:1px solid #14f19533;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:600}.de-lb-days--ls{color:#9945ff;background:#9945ff1a;border-color:#9945ff33}.de-lb-btns{flex-shrink:0;gap:6px;display:flex}.de-lb-edit-fields{grid-template-columns:1fr 1fr;gap:8px;display:grid}.de-lb-edit-actions{justify-content:flex-end;gap:6px;display:flex}.de-sk-wrap{flex-direction:column;gap:14px;animation:.2s de-sk-fade-in;display:flex}@keyframes de-sk-fade-in{0%{opacity:0}to{opacity:1}}.de-sk-head{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.de-sk-tabs{border-bottom:1px solid var(--border-default);gap:4px;padding-bottom:10px;display:flex}.de-sk-tab{background:var(--bg-input);border-radius:5px;width:64px;height:10px}.de-sk-section{flex-direction:column;gap:10px;display:flex}.de-sk-section-title{background:var(--bg-input);border-radius:6px;width:160px;height:10px;margin-bottom:4px}.de-sk-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}@media (width<=600px){.de-sk-grid{grid-template-columns:1fr}}.de-sk-item{background:var(--bg-surface-2);border:1px solid var(--border-default);border-radius:var(--radius-md);flex-direction:column;gap:7px;padding:10px 12px;display:flex}.de-sk-label{background:var(--bg-input);border-radius:5px;width:40%;height:9px}.de-sk-value{background:var(--bg-input);border-radius:5px;width:75%;height:13px}.de-sk-btn{background:var(--bg-input);border-radius:999px;height:36px}.de-sk-btn--primary{width:80px}.de-sk-btn--ghost{width:64px}.de-sk-title-bar{background:var(--bg-input);border-radius:7px;width:140px;height:16px}.de-sk-wrap .de-sk-label,.de-sk-wrap .de-sk-value,.de-sk-wrap .de-sk-btn,.de-sk-wrap .de-sk-title-bar,.de-sk-wrap .de-sk-section-title,.de-sk-wrap .de-sk-tab{position:relative;overflow:hidden}.de-sk-wrap .de-sk-label:after,.de-sk-wrap .de-sk-value:after,.de-sk-wrap .de-sk-btn:after,.de-sk-wrap .de-sk-title-bar:after,.de-sk-wrap .de-sk-section-title:after,.de-sk-wrap .de-sk-tab:after{content:"";background:linear-gradient(90deg, transparent, var(--de-shimmer,#ffffff12), transparent);animation:1.4s infinite de-shimmer;position:absolute;inset:0;transform:translate(-100%)}[data-theme=light]{--de-shimmer:#0000000d}@keyframes de-shimmer{to{transform:translate(100%)}}@media (width<=600px){.de-personal-wrap{flex-direction:column}.de-img-col{flex-direction:row;align-items:center;width:100%}.de-lb-edit-fields{grid-template-columns:1fr}}@media (width<=820px){.modal-detail-employee__grid{grid-template-columns:1fr}}.performance-container{flex-direction:column;flex:1;width:100%;min-height:0;display:flex}.pm-content{flex:1;width:100%;min-height:0;overflow-y:auto}@media (width<=640px){.dept-tree-header{padding:12px}.dept-tree-body{padding:14px}.dept-tree-node{min-width:120px;padding:9px 11px}.dept-tree-staff-wrap{gap:6px}}@media (width<=1080px){.dtk-topbar{flex-direction:column;align-items:stretch}.dtk-actions{justify-content:flex-start}.dtk-search{width:100%;min-width:0}.dtk-select{flex:1;min-width:0}.dtk-board{grid-auto-columns:minmax(240px,1fr)}}@media (width<=520px){.dtk-board{scroll-snap-type:none;grid-auto-columns:1fr;grid-auto-flow:row;overflow-x:visible}.dtk-col-body{max-height:none}}.modal-reusable-overlay{-webkit-backdrop-filter:blur(4px);z-index:300;background:#0000008c;justify-content:center;align-items:center;padding:16px;animation:.18s modal-fade-in;display:flex;position:fixed;inset:0}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.modal-reusable-modal{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);max-height:90vh;color:var(--text-primary);scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent;flex-direction:column;animation:.22s cubic-bezier(.16,1,.3,1) modal-slide-up;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 64px #00000047}.modal-reusable-modal::-webkit-scrollbar{width:4px}.modal-reusable-modal::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:99px}.modal-reusable-modal:before{content:"";background:var(--brand-grad);opacity:.8;pointer-events:none;z-index:1;height:2px;position:absolute;top:0;left:0;right:0}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-reusable-header{border-bottom:1px solid var(--border-default);background:var(--bg-surface);flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:12px;padding:20px 24px 18px;display:flex}.modal-reusable-header-left{flex-direction:column;gap:3px;display:flex}.modal-reusable-header h3{letter-spacing:-.3px;color:var(--text-primary);margin:0;font-size:17px;font-weight:700}.modal-reusable-header p{color:var(--text-muted);margin:0;font-size:12px;line-height:1.4}.modal-reusable-x{border-radius:var(--radius-sm);border:1px solid var(--border-default);background:var(--bg-input);width:32px;height:32px;color:var(--text-muted);cursor:pointer;transition:border-color var(--transition-fast), color var(--transition-fast), background var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.modal-reusable-x:hover:not(:disabled){background:var(--danger-bg);border-color:var(--danger-border);color:var(--danger)}.modal-reusable-x:disabled{opacity:.4;cursor:not-allowed}.modal-reusable-error{border-radius:var(--radius-sm);background:var(--danger-bg);border:1px solid var(--danger-border);color:var(--danger);flex-shrink:0;margin:14px 24px 0;padding:10px 14px;font-size:13px;font-weight:500;line-height:1.45}.modal-reusable-form{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent;flex:1;padding:20px 24px;overflow-y:auto}.modal-reusable-form::-webkit-scrollbar{width:4px}.modal-reusable-form::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:99px}.modal-reusable-actions{border-top:1px solid var(--border-default);background:var(--bg-surface);flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;padding:14px 24px 20px;display:flex}.modal-reusable-btn{cursor:pointer;white-space:nowrap;height:40px;transition:opacity var(--transition-fast), transform var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);border:1px solid #0000;border-radius:999px;align-items:center;gap:7px;padding:0 20px;font-family:inherit;font-size:13px;font-weight:700;display:inline-flex;position:relative;overflow:hidden}.modal-reusable-btn:disabled{opacity:.38;cursor:not-allowed;transform:none!important}.modal-reusable-btn.ghost{background:var(--bg-input);border-color:var(--border-input);color:var(--text-secondary)}.modal-reusable-btn.ghost:hover:not(:disabled){border-color:var(--border-hover);color:var(--text-primary);transform:translateY(-1px)}.modal-reusable-btn.primary{background:var(--brand-grad);color:var(--btn-grad-text);box-shadow:0 0 14px var(--orb-purple);border-color:#0000}.modal-reusable-btn.primary:after{content:"";background:linear-gradient(105deg,#0000 30%,#ffffff38 50%,#0000 70%);transition:transform .45s;position:absolute;inset:0;transform:translate(-100%)}.modal-reusable-btn.primary:hover:not(:disabled):after{transform:translate(100%)}.modal-reusable-btn.primary:hover:not(:disabled){opacity:.9;box-shadow:0 0 22px var(--orb-purple);transform:translateY(-1px)}.modal-reusable-btn.danger{background:var(--danger-bg);border-color:var(--danger-border);color:var(--danger)}.modal-reusable-btn.danger:hover:not(:disabled){background:#ff505029}.modal-reusable-spinner{border:2px solid #0003;border-top-color:var(--btn-grad-text);border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.7s linear infinite modal-spin}@keyframes modal-spin{to{transform:rotate(360deg)}}.m-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.m-grid-1{grid-template-columns:1fr}.m-full{grid-column:1/-1}.m-label{text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);font-size:11px;font-weight:700}.m-input,.m-select,.m-textarea{border-radius:var(--radius-sm);border:1.5px solid var(--border-input);background:var(--bg-input);height:42px;color:var(--text-primary);box-sizing:border-box;-webkit-appearance:none;width:100%;transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);outline:none;padding:0 14px;font-family:inherit;font-size:13.5px}.m-input:focus,.m-select:focus,.m-textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--focus-ring);background:var(--bg-input-focus)}[data-theme=dark] .m-select,[data-theme=dark] .m-input{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=light] .m-select,[data-theme=light] .m-input{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark] .m-select option,[data-theme=dark] .m-input option{color:#fff;background:#111}[data-theme=light] .m-select option,[data-theme=light] .m-input option{color:#0a0a0a;background:#fff}.m-input[type=date]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=light] .m-input[type=date]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.m-input[type=date]::-webkit-calendar-picker-indicator{opacity:.55;cursor:pointer;filter:invert();transition:opacity var(--transition-fast)}.m-input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}[data-theme=light] .m-input[type=date]::-webkit-calendar-picker-indicator{filter:invert(0)}.m-file{cursor:pointer;height:auto;padding:8px 14px}.m-help{color:var(--text-muted);font-size:11.5px;line-height:1.4}@media (width<=520px){.modal-reusable-modal{border-radius:var(--radius-lg)}.modal-reusable-header,.modal-reusable-form,.modal-reusable-actions{padding-left:18px;padding-right:18px}.modal-reusable-error{margin-left:18px;margin-right:18px}.modal-reusable-actions{flex-direction:column-reverse;align-items:stretch}.modal-reusable-btn{justify-content:center;width:100%}.m-grid{grid-template-columns:1fr}}@keyframes sk-shimmer{to{transform:translate(100%)}}.sk-input,.sk-btn{border-radius:999px;height:40px}@media (width<=1080px){.phds-topbar{flex-direction:column;align-items:stretch}.phds-topbar-actions{justify-content:flex-start}.phds-board{grid-auto-columns:minmax(240px,1fr)}}@media (width<=520px){.phds-board{grid-auto-columns:1fr;grid-auto-flow:row;overflow-x:visible}}.ph-dept-bar{border-radius:var(--radius-lg);border:1px solid var(--border-default);background:var(--bg-surface);flex-wrap:wrap;align-items:center;gap:12px;padding:12px 18px;display:flex}.ph-dept-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;font-size:12px;font-weight:700}.ph-dept-select{border:1px solid var(--border-input);background:var(--bg-input);height:38px;color:var(--text-primary);cursor:pointer;min-width:200px;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);border-radius:999px;outline:none;flex:1;padding:0 14px;font-family:DM Sans,sans-serif;font-size:13.5px}.ph-dept-select:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--focus-ring)}.ph-dept-select:disabled{opacity:.5;cursor:not-allowed}[data-theme=dark] .ph-dept-select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=dark] .ph-dept-select option{color:#fff;background:#111}[data-theme=light] .ph-dept-select{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=light] .ph-dept-select option{color:#0a0a0a;background:#fff}.ph-dept-loading{color:var(--text-muted);font-family:DM Sans,sans-serif;font-size:12px}@media (width<=600px){.ph-wrap{gap:10px;padding:12px}.ph-dept-select{min-width:0}}@keyframes prfh-enter{0%{opacity:0;transform:translateY(14px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes prfh-ring-pulse{0%,to{opacity:.28;transform:scale(1)}50%{opacity:.5;transform:scale(1.05)}}@media (width<=480px){.prfh-shell{padding:24px 16px}.prfh-card{padding:24px 20px 22px}.prfh-name{font-size:18px}}@keyframes stt-pulse{0%,to{opacity:.4}50%{opacity:.85}}@media (width<=768px){.stt-wrap{gap:10px;padding:12px}.stt-header{padding:14px 16px 16px}.stt-filter-row{padding:10px 12px}.stt-search-wrap{min-width:100%}.stt-table th,.stt-table td{padding:10px 12px}}@media (width<=520px){.stt-header{flex-direction:column;align-items:flex-start}.stt-header-actions{width:100%}.stt-btn{flex:1;justify-content:center}.stt-filter-row{flex-direction:column;align-items:stretch}.stt-pagination{gap:6px}.stt-page-info{text-align:center;width:100%}}@media (width<=768px){.stt-wrap{gap:10px;padding:12px}.stt-header{padding:14px 16px 16px}.stt-filter-row{padding:10px 12px}.stt-search-wrap{min-width:100%}.stt-table th,.stt-table td{padding:10px 12px}}@media (width<=520px){.stt-header{flex-direction:column;align-items:flex-start}.stt-header-actions{width:100%}.stt-btn{flex:1;justify-content:center}.stt-filter-row{flex-direction:column;align-items:stretch}.stt-pagination{gap:6px}.stt-page-info{text-align:center;width:100%}}@media (width<=768px){.stt-wrap{gap:10px;padding:12px}.stt-header{padding:14px 16px 16px}.stt-filter-row{padding:10px 12px}.stt-search-wrap{min-width:100%}.stt-table th,.stt-table td{padding:10px 12px}}@media (width<=520px){.stt-header{flex-direction:column;align-items:flex-start}.stt-header-actions{width:100%}.stt-btn{flex:1;justify-content:center}.stt-filter-row{flex-direction:column;align-items:stretch}.stt-pagination{gap:6px}.stt-page-info{text-align:center;width:100%}}@media (width<=768px){.stt-wrap{gap:10px;padding:12px}.stt-header{padding:14px 16px 16px}.stt-filter-row{padding:10px 12px}.stt-search-wrap{min-width:100%}.stt-table th,.stt-table td{padding:10px 12px}}@media (width<=520px){.stt-header{flex-direction:column;align-items:flex-start}.stt-header-actions{width:100%}.stt-btn{flex:1;justify-content:center}.stt-filter-row{flex-direction:column;align-items:stretch}.stt-pagination{gap:6px}.stt-page-info{text-align:center;width:100%}}.pl-overlay{z-index:300;background:var(--bg-overlay,#0a0a0ab3);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);justify-content:center;align-items:center;padding:24px;animation:.18s pl-fade-in;display:flex;position:fixed;inset:0}@keyframes pl-fade-in{0%{opacity:0}to{opacity:1}}.pl-panel{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg,16px);flex-direction:column;width:100%;max-width:580px;max-height:80vh;animation:.2s pl-slide-up;display:flex;overflow:hidden;box-shadow:0 24px 64px #00000059}[data-theme=light] .pl-panel{box-shadow:0 16px 48px #00000024}@keyframes pl-slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.pl-panel-head{border-bottom:1px solid var(--border-default);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:20px 24px 16px;display:flex}.pl-panel-head-actions{align-items:center;gap:8px;display:flex}.pl-panel-title{color:var(--text-primary);margin:0;font-size:16px;font-weight:700}.pl-panel-sub{color:var(--text-secondary);margin:2px 0 0;font-size:12px}.pl-close-btn{border:1px solid var(--border-default);background:var(--bg-input);width:30px;height:30px;color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);border-radius:8px;justify-content:center;align-items:center;display:flex}.pl-close-btn:hover{background:var(--bg-input-focus);border-color:var(--border-hover);color:var(--text-primary)}.pl-hint{color:var(--text-secondary);background:var(--bg-surface-2);border-bottom:1px solid var(--border-default);flex-shrink:0;align-items:center;gap:6px;padding:10px 24px;font-size:12px;display:flex}.pl-btn{border-radius:var(--radius-sm,8px);font-family:var(--font-main);cursor:pointer;height:34px;transition:opacity var(--transition-fast), transform var(--transition-fast);white-space:nowrap;border:none;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:600;display:inline-flex}.pl-btn:disabled{opacity:.45;cursor:not-allowed}.pl-btn:hover:not(:disabled){opacity:.85;transform:translateY(-1px)}.pl-btn--primary{background:var(--brand-grad,linear-gradient(90deg,#9945ff,#14f195));color:#000}.pl-btn--ghost{background:var(--bg-input);border:1px solid var(--border-input);color:var(--text-secondary)}.pl-btn--ghost:hover:not(:disabled){border-color:var(--border-hover);color:var(--text-primary)}.pl-list{flex:1;padding:8px 0;overflow-y:auto}.pl-list::-webkit-scrollbar{width:4px}.pl-list::-webkit-scrollbar-track{background:0 0}.pl-list::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:99px}.pl-list-header{color:var(--text-muted);text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid var(--border-default);align-items:center;gap:12px;margin-bottom:4px;padding:6px 20px;font-size:11px;font-weight:700;display:flex}.pl-item{cursor:grab;transition:background var(--transition-fast), box-shadow var(--transition-fast);-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:8px;align-items:center;gap:12px;margin:2px 8px;padding:10px 20px;display:flex}.pl-item:hover{background:var(--table-row-hover)}.pl-item--dragging{cursor:grabbing;background:var(--bg-surface-2);border-color:var(--border-focus);box-shadow:0 4px 20px #0003}.pl-item--dragover{background:#9945ff12;border-color:#9945ff4d}[data-theme=light] .pl-item--dragover{background:#9945ff0d}.pl-item--reordering{pointer-events:none;opacity:.7}.pl-item--skeleton{cursor:default}.pl-item--skeleton:hover{background:0 0}.pl-col-drag{color:var(--text-muted);flex:0 0 20px;align-items:center;display:flex}.pl-col-rank{flex:0 0 50px}.pl-col-name{flex:1;min-width:0}.pl-col-dir{flex:0 0 110px}.pl-col-action{flex:0 0 70px;justify-content:flex-end;display:flex}.pl-drag-handle{color:var(--text-muted);transition:color var(--transition-fast);cursor:grab}.pl-item:hover .pl-drag-handle{color:var(--text-secondary)}.pl-rank-badge{background:var(--bg-surface-2);border:1px solid var(--border-default);width:28px;height:28px;color:var(--text-primary);border-radius:8px;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:inline-flex}.pl-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.pl-badge{border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.pl-badge--director{color:var(--brand-purple,#9945ff);background:#9945ff1f;border:1px solid #9945ff40}[data-theme=light] .pl-badge--director{background:#9945ff14;border-color:#9945ff2e}.pl-badge--regular{background:var(--badge-bg);color:var(--text-secondary);border:1px solid var(--badge-border)}.pl-edit-btn{border:1px solid var(--border-default);background:var(--bg-input);color:var(--text-secondary);font-size:12px;font-weight:500;font-family:var(--font-main);cursor:pointer;transition:border-color var(--transition-fast), color var(--transition-fast), background var(--transition-fast);border-radius:6px;align-items:center;gap:5px;padding:4px 10px;display:inline-flex}.pl-edit-btn:hover{border-color:var(--brand-purple,#9945ff);color:var(--brand-purple,#9945ff);background:#9945ff0f}.pl-empty{text-align:center;color:var(--text-muted);margin:0;padding:32px 20px;font-size:13px}.pl-sk{background:var(--bg-surface-2);border-radius:4px;height:14px;animation:1.4s ease-in-out infinite pl-shimmer}@keyframes pl-shimmer{0%,to{opacity:.5}50%{opacity:1}}.stt-badge--level{color:var(--brand-cyan,#00c2ff);background:#00c2ff1a;border:1px solid #00c2ff33}.stt-badge--director{color:var(--brand-purple,#9945ff);background:#9945ff1f;border:1px solid #9945ff40}[data-theme=light] .stt-badge--level{background:#00c2ff12;border-color:#00c2ff26}[data-theme=light] .stt-badge--director{background:#9945ff0f;border-color:#9945ff2e}.m-field--row{cursor:pointer;align-items:center;gap:10px;flex-direction:row!important}.m-field--row input[type=checkbox]{width:16px;height:16px;accent-color:var(--brand-purple,#9945ff);cursor:pointer;flex-shrink:0}.m-hint{color:var(--text-secondary);margin-top:4px;font-size:11.5px}.toggle-track{background:var(--border-default);border:.5px solid var(--border-default);cursor:pointer;border-radius:999px;flex-shrink:0;width:40px;height:22px;transition:background .2s,border-color .2s;display:inline-block;position:relative}.toggle-track.is-on{background:#534ab7;border-color:#534ab7}.toggle-thumb{pointer-events:none;background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0000002e}.toggle-track.is-on .toggle-thumb{transform:translate(18px)}@keyframes lam-fade-in{0%{opacity:0}to{opacity:1}}@keyframes lam-slide-up{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.lam-step-dot--muted,.lam-step-label--muted{opacity:.45}@keyframes lam-pulse{0%,to{opacity:.4}50%{opacity:.85}}@keyframes lam-spin{to{transform:rotate(360deg)}}@media (width<=520px){.lam-box{border-radius:16px;padding:18px}.lam-grid-2{grid-template-columns:1fr}.lam-actions{flex-direction:column-reverse;align-items:stretch}.lam-btn{justify-content:center;width:100%}.lam-type-row{flex-direction:column}}@keyframes rl-dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.75)}}@keyframes rl-tooltip-in{0%{opacity:0;transform:translateY(-6px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.rl-dept-chip--pending .rl-dept-chip-icon,.rl-dept-chip--pending .rl-dept-chip-val{color:#d97706}.rl-dept-chip--approved .rl-dept-chip-icon,.rl-dept-chip--approved .rl-dept-chip-val{color:#00b870}[data-theme=dark] .rl-dept-chip--pending .rl-dept-chip-val,[data-theme=dark] .rl-dept-chip--pending .rl-dept-chip-icon{color:#fbbf24}[data-theme=dark] .rl-dept-chip--approved .rl-dept-chip-val,[data-theme=dark] .rl-dept-chip--approved .rl-dept-chip-icon{color:#14f195}@keyframes rl-pulse{0%,to{opacity:.4}50%{opacity:.85}}.rl-modal-btn--confirm{color:#0a0a0a;background:#14f195;border-color:#14f195;align-items:center;gap:5px;font-weight:600;display:flex}.rl-modal-btn--confirm:hover{background:#0fd880;border-color:#0fd880;transform:translateY(-1px)}@media (width<=768px){.rl-wrap{gap:10px;padding:12px}.rl-header{padding:14px 16px 16px}.rl-header-top{flex-direction:column;align-items:stretch}.rl-apply-btn{justify-content:center;width:100%}.rl-dept-chips{gap:8px}.rl-dept-chip{flex:1;min-width:120px}.rl-filterbar{padding:10px 12px}.rl-filter-search{min-width:100%}.rl-table th,.rl-table td{padding:10px 12px}.rl-grid-2{grid-template-columns:1fr}}@media (width<=520px){.rl-table{font-size:12.5px}.rl-filterbar{flex-direction:column;align-items:stretch}.rl-clear-btn{justify-content:center;width:100%}.rl-dept-chip{width:100%}.rl-pagination{gap:6px}.rl-page-info{text-align:center;width:100%}}@keyframes spd-pulse{0%,to{opacity:.4}50%{opacity:.85}}@keyframes spd-fade{0%{opacity:0}to{opacity:1}}@keyframes spd-slide{0%{opacity:0;transform:translateY(18px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=768px){.spd-wrap{gap:10px;padding:12px}.spd-header{padding:14px 16px}.spd-filterbar,.spd-table th,.spd-table td{padding:10px 12px}.spd-grid-2,.spd-detail-grid{grid-template-columns:1fr}.spd-detail-item--full{grid-column:1}}@media (width<=520px){.spd-table{font-size:12.5px}.spd-filterbar{flex-direction:column;align-items:stretch}.spd-filter-sep{display:none}.spd-clear-btn{justify-content:center;width:100%}.spd-modal-foot{flex-direction:column-reverse}.spd-modal-btn{justify-content:center;width:100%}}.spd-participant-count-direksi{color:var(--brand-purple);background:#9945ff26;border:1px solid #9945ff40;border-radius:999px;justify-content:center;align-items:center;margin-left:6px;padding:1px 7px;font-size:11px;font-weight:600;line-height:1.4;display:inline-flex}.spd-participant-tag-direksi{color:var(--brand-purple);transition:background var(--transition-fast);background:#9945ff1a;border:1px solid #9945ff38;border-radius:999px;align-items:center;gap:5px;padding:3px 8px 3px 10px;font-size:12px;font-weight:500;display:inline-flex}.spd-participant-tag-direksi button{cursor:pointer;color:inherit;opacity:.6;transition:opacity var(--transition-fast);background:0 0;border:none;align-items:center;padding:0;font-size:11px;line-height:1;display:flex}.spd-participant-trigger-direksi{border-radius:var(--radius-sm);border:1px dashed var(--border-default);background:var(--bg-input);color:var(--text-secondary);font-size:13px;font-family:var(--font-main);cursor:pointer;transition:border-color var(--transition-fast), color var(--transition-fast), background var(--transition-fast);align-items:center;gap:7px;width:fit-content;padding:8px 13px;display:inline-flex}.spd-participant-trigger-direksi:hover:not(:disabled){border-color:var(--brand-purple);color:var(--brand-purple);background:var(--bg-input-focus)}[data-theme=light] .spd-participant-dropdown-direksi{box-shadow:0 8px 24px #0000001a}.spd-participant-search-direksi{border:none;border-bottom:1px solid var(--border-default);background:var(--bg-surface-2);width:100%;font-size:13px;font-family:var(--font-main);color:var(--text-primary);box-sizing:border-box;transition:background var(--transition-fast);outline:none;padding:10px 14px}.spd-participant-search-direksi::placeholder{color:var(--text-placeholder)}.spd-participant-search-direksi:focus{background:var(--bg-input-focus)}.spd-participant-list-direksi::-webkit-scrollbar{width:4px}.spd-participant-list-direksi::-webkit-scrollbar-track{background:0 0}.spd-participant-list-direksi::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:99px}.spd-participant-item-direksi{cursor:pointer;transition:background var(--transition-fast);border-bottom:1px solid var(--border-default);align-items:center;gap:10px;padding:9px 14px;display:flex}.spd-participant-item-direksi:last-child{border-bottom:none}[data-theme=light] .spd-participant-item-direksi.checked{background:#9945ff0d}.spd-participant-item-direksi input[type=checkbox]{accent-color:var(--brand-purple);cursor:pointer;flex-shrink:0;width:15px;height:15px}.spd-participant-item-avatar-direksi{width:30px;height:30px;color:var(--brand-purple);background:#9945ff1f;border:1px solid #9945ff2e;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}[data-theme=light] .spd-participant-item-avatar-direksi{background:#9945ff14;border-color:#9945ff26}.spd-participant-item-name-direksi{color:var(--text-primary);margin:0;font-size:13px;font-weight:500;line-height:1.3}.spd-participant-item-sub-direksi{color:var(--text-secondary);margin:0;font-size:11.5px;line-height:1.3}.spd-detail-participants-direksi{background:var(--bg-surface-2);border-radius:var(--radius-sm);border:1px solid var(--border-default);flex-direction:column;gap:10px;margin-top:6px;padding:10px;display:flex}.mtg-opt-check{border:1.5px solid var(--border-input);cursor:pointer;background:0 0;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:background .15s,border-color .15s;display:flex}@keyframes hv-pulse{0%,to{opacity:.4}50%{opacity:.85}}@keyframes hv-fade{0%{opacity:0}to{opacity:1}}@keyframes hv-slide{0%{opacity:0;transform:translateY(18px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=768px){.hv-wrap{gap:10px;padding:12px}.hv-header{padding:14px 16px}.hv-detail-row{grid-template-columns:1fr;gap:4px}.hv-modal-foot{flex-direction:column-reverse}.hv-btn{justify-content:center;width:100%}}@media (width<=520px){.hv-table{font-size:12.5px}}@keyframes ovt-pulse{0%,to{opacity:.4}50%{opacity:.85}}.ovt-input[type=date]::-webkit-calendar-picker-indicator{opacity:.55;cursor:pointer;filter:invert()}.ovt-input[type=time]::-webkit-calendar-picker-indicator{opacity:.55;cursor:pointer;filter:invert()}[data-theme=light] .ovt-input[type=date]::-webkit-calendar-picker-indicator{filter:invert(0)}[data-theme=light] .ovt-input[type=time]::-webkit-calendar-picker-indicator{filter:invert(0)}.ovt-modal-btn--confirm{color:#0a0a0a;background:#14f195;border-color:#14f195;align-items:center;gap:5px;font-weight:600;display:inline-flex}.ovt-modal-btn--confirm:hover{background:#0fd880;border-color:#0fd880;transform:translateY(-1px)}@media (width<=768px){.ovt-wrap{gap:10px;padding:12px}.ovt-header{padding:14px 16px 16px}.ovt-header-top{flex-direction:column;align-items:stretch}.ovt-apply-btn{justify-content:center;width:100%}.ovt-filterbar,.ovt-table th,.ovt-table td{padding:10px 12px}.ovt-grid-2{grid-template-columns:1fr}}@media (width<=520px){.ovt-table{font-size:12.5px}.ovt-filterbar{flex-direction:column;align-items:stretch}.ovt-filter-sep{display:none}.ovt-clear-btn{justify-content:center;width:100%}.ovt-detail-grid{grid-template-columns:1fr}.ovt-detail-item--full{grid-column:1}}@media (width<=768px){.stt-wrap{gap:10px;padding:12px}.stt-header{padding:14px 16px 16px}.stt-filter-row{padding:10px 12px}.stt-search-wrap{min-width:100%}.stt-table th,.stt-table td{padding:10px 12px}}@media (width<=520px){.stt-header{flex-direction:column;align-items:flex-start}.stt-header-actions{width:100%}.stt-btn{flex:1;justify-content:center}.stt-filter-row{flex-direction:column;align-items:stretch}.stt-pagination{gap:6px}.stt-page-info{text-align:center;width:100%}}.stt-wrap{background:var(--bg-page);min-height:100%;color:var(--text-primary);box-sizing:border-box;flex-direction:column;gap:14px;padding:20px;font-family:DM Sans,sans-serif;display:flex}.stt-header{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:16px;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:14px;padding:18px 22px 20px;display:flex;position:relative;overflow:hidden}.stt-header:before{content:"";background:var(--brand-grad,linear-gradient(90deg, #9945ff, #14f195));opacity:.8;pointer-events:none;height:2px;position:absolute;top:0;left:0;right:0}.stt-heading{color:var(--text-primary);letter-spacing:-.3px;margin:0;font-size:17px;font-weight:700}.stt-date{color:var(--text-muted);margin:4px 0 0;font-size:12.5px}.stt-header-actions{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;display:flex}.stt-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:999px;align-items:center;gap:7px;height:38px;padding:0 18px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:700;transition:opacity .15s,transform .12s,box-shadow .15s;display:inline-flex;position:relative;overflow:hidden}.stt-btn:disabled{opacity:.38;cursor:not-allowed;transform:none!important}.stt-btn--primary{background:var(--brand-grad,linear-gradient(90deg, #9945ff, #14f195));color:var(--btn-grad-text,#000);box-shadow:0 0 14px #9945ff47}.stt-btn--primary:after{content:"";background:linear-gradient(105deg,#0000 30%,#ffffff38 50%,#0000 70%);transition:transform .45s;position:absolute;inset:0;transform:translate(-100%)}.stt-btn--primary:hover:not(:disabled):after{transform:translate(100%)}.stt-btn--primary:hover:not(:disabled){opacity:.9;transform:translateY(-1px);box-shadow:0 0 22px #9945ff66}.stt-btn--ghost{background:var(--bg-input);border:1px solid var(--border-default);color:var(--text-secondary)}.stt-btn--ghost:hover:not(:disabled){border-color:var(--border-focus,#9945ff8c);color:var(--brand-purple,#9945ff);transform:translateY(-1px)}.stt-filter-row{z-index:10;border:1px solid var(--border-default);background:var(--bg-overlay,#0a0a0ad9);-webkit-backdrop-filter:blur(10px);border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 18px;display:flex;position:sticky;top:0;box-shadow:0 2px 12px #00000014}[data-theme=light] .stt-filter-row{background:#ffffffe0}.stt-search-wrap{flex:1;min-width:180px;position:relative}.stt-search-icon{color:var(--text-muted);pointer-events:none;display:flex;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.stt-search-input{border:1px solid var(--border-input);background:var(--bg-input);width:100%;height:34px;color:var(--text-primary);box-sizing:border-box;border-radius:8px;outline:none;padding:0 36px;font-family:DM Sans,sans-serif;font-size:13px;transition:border-color .15s,box-shadow .15s}.stt-search-input::placeholder{color:var(--text-placeholder)}.stt-search-input:focus{border-color:var(--brand-purple,#9945ff);box-shadow:0 0 0 3px #9945ff1f}.stt-clear-btn{background:var(--bg-surface-2);width:20px;height:20px;color:var(--text-muted);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:10px;transition:color .15s;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.stt-clear-btn:hover{color:var(--text-primary)}.stt-select{border:1px solid var(--border-input);background:var(--bg-input);height:34px;color:var(--text-primary);cursor:pointer;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;border-radius:8px;outline:none;padding:0 30px 0 12px;font-family:DM Sans,sans-serif;font-size:13px;transition:border-color .15s}.stt-select:focus{border-color:var(--brand-purple,#9945ff);box-shadow:0 0 0 3px #9945ff1f}.stt-card{background:var(--bg-surface);border:1px solid var(--border-default);scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent;border-radius:16px;overflow:auto visible}.stt-card::-webkit-scrollbar{height:4px}.stt-card::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:99px}.stt-empty{text-align:center;color:var(--text-muted);margin:0;padding:48px 24px;font-size:13.5px}.stt-table{border-collapse:collapse;width:100%;font-family:DM Sans,sans-serif;font-size:13.5px}.stt-table thead tr{background:var(--table-header-bg,var(--bg-surface-2));border-bottom:1px solid var(--table-border,var(--border-default))}.stt-table th{text-align:left;text-transform:uppercase;letter-spacing:.55px;color:var(--text-muted);white-space:nowrap;padding:11px 16px;font-size:11px;font-weight:700}.stt-table td{border-bottom:1px solid var(--table-border,var(--border-default));vertical-align:middle;color:var(--text-primary);padding:13px 16px}.stt-table tbody tr:last-child td{border-bottom:none}.stt-table tbody tr{cursor:pointer;transition:background .12s}.stt-table tbody tr:hover{background:var(--table-row-hover)}.stt-cell-name{color:var(--text-primary);font-weight:700}.stt-badge{letter-spacing:.3px;white-space:nowrap;text-transform:uppercase;border:1px solid #0000;border-radius:6px;align-items:center;height:22px;padding:0 9px;font-size:11px;font-weight:700;display:inline-flex}.stt-badge--active{color:#00b870;background:#14f1951a;border-color:#14f19540}[data-theme=dark] .stt-badge--active{color:#14f195}.stt-badge--inactive{color:var(--danger,#ff6b6b);background:#ff505014;border-color:#ff505038}.stt-badge--role{color:var(--brand-purple,#9945ff);background:#9945ff1a;border-color:#9945ff40}.stt-sk-row td{border-bottom:1px solid var(--border-default);padding:13px 16px}.stt-sk-line{background:var(--sidebar-item-hover);border-radius:6px;height:11px;animation:1.5s infinite stt-pulse;display:inline-block}.stt-sk-pill{background:var(--sidebar-item-hover);border-radius:6px;height:22px;animation:1.5s infinite stt-pulse;display:inline-block}.stt-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:4px 0 8px;display:flex}.stt-page-nav{border:1px solid var(--border-default);background:var(--bg-surface);height:36px;color:var(--text-secondary);cursor:pointer;border-radius:999px;align-items:center;gap:5px;padding:0 14px;font-family:DM Sans,sans-serif;font-size:12.5px;font-weight:600;transition:border-color .15s,color .15s;display:inline-flex}.stt-page-nav:hover:not(:disabled){border-color:var(--border-focus,#9945ff8c);color:var(--brand-purple,#9945ff)}.stt-page-nav:disabled{opacity:.4;cursor:not-allowed}.stt-page-pills{gap:4px;display:flex}.stt-page-pill{border:1px solid var(--border-default);background:var(--bg-surface);width:32px;height:32px;color:var(--text-muted);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;font-family:DM Sans,sans-serif;font-size:12.5px;font-weight:700;transition:all .15s;display:flex}.stt-page-pill:hover:not(:disabled):not(.active){border-color:var(--border-focus,#9945ff8c);color:var(--brand-purple,#9945ff)}.stt-page-pill.active{background:var(--brand-grad,linear-gradient(90deg, #9945ff, #14f195));color:var(--btn-grad-text,#000);border-color:#0000}.stt-page-pill:disabled{opacity:.4;cursor:not-allowed}.stt-page-info{color:var(--text-muted);font-size:13px}.stt-page-info b{color:var(--text-primary)}.pwd-rules{background:var(--bg-surface-2);border:1px solid var(--border-default);border-radius:10px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.pwd-rules-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px;margin-bottom:4px;font-size:11px;font-weight:700}.pwd-rule{color:var(--text-muted);align-items:center;gap:7px;font-size:12px;transition:color .15s;display:flex}.pwd-rule.ok{color:#14f195}[data-theme=light] .pwd-rule.ok{color:#0d9965}.pwd-dot{border:1.5px solid;border-radius:50%;flex-shrink:0;width:7px;height:7px;transition:background .15s}.pwd-rule.ok .pwd-dot{background:currentColor}@media (width<=768px){.stt-wrap{gap:10px;padding:12px}.stt-header{padding:14px 16px 16px}.stt-filter-row{padding:10px 12px}.stt-search-wrap{min-width:100%}.stt-table th,.stt-table td{padding:10px 12px}}@media (width<=520px){.stt-header{flex-direction:column;align-items:flex-start}.stt-header-actions{width:100%}.stt-btn{flex:1;justify-content:center}.stt-filter-row{flex-direction:column;align-items:stretch}.stt-pagination{gap:6px}.stt-page-info{text-align:center;width:100%}}:root,[data-theme=dark]{--mtg-today-bg:#14f19526;--mtg-today-border:#14f19566;--mtg-today-dot:#14f195;--mtg-status-done-bg:#ffffff12;--mtg-status-done-color:#ffffff73;--mtg-status-done-border:#ffffff1f;--mtg-status-ongoing-bg:#14f1951f;--mtg-status-ongoing-color:#14f195;--mtg-status-ongoing-border:#14f1954d;--mtg-status-upcoming-bg:#00c2ff1f;--mtg-status-upcoming-color:#00c2ff;--mtg-status-upcoming-border:#00c2ff47;--mtg-event-purple-bg:#9945ff2e;--mtg-event-purple-color:#c084fc;--mtg-event-purple-border:#9945ff59;--mtg-event-teal-bg:#14f1951f;--mtg-event-teal-color:#14f195;--mtg-event-teal-border:#14f19547;--mtg-event-red-bg:#ff6b6b24;--mtg-event-red-color:#ff6b6b;--mtg-event-red-border:#ff6b6b52;--mtg-event-blue-bg:#00c2ff1f;--mtg-event-blue-color:#00c2ff;--mtg-event-blue-border:#00c2ff47;--mtg-calendar-border:#ffffff0f;--mtg-day-hover:#ffffff08;--mtg-panel-bg:#0a0a0a;--mtg-sidebar-bg:#0d0d0d;--mtg-header-bg:#0a0a0a}[data-theme=light]{--mtg-today-bg:#14aa6414;--mtg-today-border:#14aa644d;--mtg-today-dot:#0d9965;--mtg-status-done-bg:#0000000d;--mtg-status-done-color:#0006;--mtg-status-done-border:#0000001a;--mtg-status-ongoing-bg:#0d99651a;--mtg-status-ongoing-color:#0d9965;--mtg-status-ongoing-border:#0d996540;--mtg-status-upcoming-bg:#0082c81a;--mtg-status-upcoming-color:#0082c8;--mtg-status-upcoming-border:#0082c838;--mtg-event-purple-bg:#9945ff1a;--mtg-event-purple-color:#7c3aed;--mtg-event-purple-border:#9945ff33;--mtg-event-teal-bg:#0d99651a;--mtg-event-teal-color:#0d9965;--mtg-event-teal-border:#0d996538;--mtg-event-red-bg:#dc262614;--mtg-event-red-color:#dc2626;--mtg-event-red-border:#dc26262e;--mtg-event-blue-bg:#0082c81a;--mtg-event-blue-color:#0082c8;--mtg-event-blue-border:#0082c833;--mtg-calendar-border:#00000012;--mtg-day-hover:#00000005;--mtg-panel-bg:#fff;--mtg-sidebar-bg:#f8f9fc;--mtg-header-bg:#fff}.mtg-shell{background:var(--bg-page);flex-direction:column;height:100%;min-height:0;padding:20px;font-family:DM Sans,sans-serif;display:flex;overflow:hidden}.mtg-header{background:var(--mtg-header-bg);border-bottom:1px solid var(--border-default);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:14px 24px;display:flex}.mtg-header-nav{align-items:center;gap:10px;display:flex}.mtg-nav-btn{border:1px solid var(--border-default);background:var(--bg-input);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:border-color .2s,color .2s,background .2s;display:flex}.mtg-nav-btn:hover{border-color:var(--border-hover);color:var(--text-primary);background:var(--bg-surface-2)}.mtg-header-title{color:var(--text-primary);letter-spacing:-.3px;white-space:nowrap;font-size:17px;font-weight:800}.mtg-new-btn{background:var(--brand-grad);height:36px;color:var(--btn-grad-text);cursor:pointer;white-space:nowrap;box-shadow:0 0 14px var(--orb-purple);border:none;border-radius:999px;align-items:center;gap:6px;padding:0 16px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:700;transition:opacity .15s,transform .12s,box-shadow .2s;display:inline-flex;position:relative;overflow:hidden}.mtg-new-btn:after{content:"";background:linear-gradient(105deg,#0000 30%,#fff3 50%,#0000 70%);transition:transform .45s;position:absolute;inset:0;transform:translate(-100%)}.mtg-new-btn:hover:after{transform:translate(100%)}.mtg-new-btn:hover{opacity:.88;box-shadow:0 0 22px var(--orb-purple);transform:translateY(-1px)}.mtg-new-btn:active{transform:translateY(0)}.mtg-body{flex:1;min-height:0;display:flex;overflow:hidden}.mtg-calendar-panel{background:var(--mtg-panel-bg);flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.mtg-dow-row{border-bottom:1px solid var(--mtg-calendar-border);flex-shrink:0;grid-template-columns:repeat(7,1fr);display:grid}.mtg-dow-cell{text-align:center;letter-spacing:.6px;text-transform:uppercase;color:var(--text-muted);padding:8px 0;font-size:11px;font-weight:700}.mtg-grid{flex:1;grid-template-columns:repeat(7,1fr);grid-auto-rows:1fr;min-height:0;display:grid;overflow-y:auto}.mtg-day-cell{border-right:1px solid var(--mtg-calendar-border);border-bottom:1px solid var(--mtg-calendar-border);cursor:pointer;flex-direction:column;gap:2px;min-height:80px;padding:6px 6px 4px;transition:background .15s;display:flex;overflow:hidden}.mtg-day-cell:nth-child(7n){border-right:none}.mtg-day-cell:hover{background:var(--mtg-day-hover)}.mtg-day-cell--outside{opacity:.3}.mtg-day-cell--today{background:var(--mtg-today-bg);border-bottom-color:var(--mtg-today-border)}.mtg-day-num{color:var(--text-secondary);border-radius:50%;flex-shrink:0;justify-content:center;align-self:flex-start;align-items:center;width:24px;height:24px;font-size:12.5px;font-weight:600;display:flex}.mtg-day-cell--today .mtg-day-num{background:var(--mtg-today-dot);color:#000;font-weight:800}.mtg-chip{white-space:nowrap;text-overflow:ellipsis;cursor:pointer;border-left:2px solid #0000;border-radius:4px;align-items:center;gap:4px;padding:2px 6px;font-size:10.5px;font-weight:600;transition:opacity .15s;display:flex;overflow:hidden}.mtg-chip:hover{opacity:.8}.mtg-chip--purple{background:var(--mtg-event-purple-bg);color:var(--mtg-event-purple-color);border-left-color:var(--mtg-event-purple-color)}.mtg-chip--teal{background:var(--mtg-event-teal-bg);color:var(--mtg-event-teal-color);border-left-color:var(--mtg-event-teal-color)}.mtg-chip--red{background:var(--mtg-event-red-bg);color:var(--mtg-event-red-color);border-left-color:var(--mtg-event-red-color)}.mtg-chip--blue{background:var(--mtg-event-blue-bg);color:var(--mtg-event-blue-color);border-left-color:var(--mtg-event-blue-color)}.mtg-chip--gray{background:var(--mtg-status-done-bg);color:var(--mtg-status-done-color);border-left-color:var(--mtg-status-done-color)}.mtg-chip-time{opacity:.85;white-space:nowrap;flex-shrink:0;font-size:10px}.mtg-chip-more{color:var(--text-muted);padding:1px 6px;font-size:10px;font-weight:600}.mtg-sidebar{background:var(--mtg-sidebar-bg);border-left:1px solid var(--border-default);flex-direction:column;flex-shrink:0;width:300px;display:flex;overflow:hidden}.mtg-sidebar-header{border-bottom:1px solid var(--border-default);flex-shrink:0;padding:16px 18px 12px}.mtg-sidebar-title{color:var(--text-primary);letter-spacing:-.2px;margin-bottom:10px;font-size:15px;font-weight:800}.mtg-filter-tabs{background:var(--bg-input);border-radius:8px;gap:4px;padding:3px;display:flex}.mtg-filter-tab{height:28px;color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;flex:1;padding:0 6px;font-family:DM Sans,sans-serif;font-size:11.5px;font-weight:600;transition:background .15s,color .15s}.mtg-filter-tab:hover{color:var(--text-secondary)}.mtg-filter-tab--active{background:var(--brand-grad);color:var(--btn-grad-text)}.mtg-list{flex:1;padding:8px 0;overflow-y:auto}.mtg-list::-webkit-scrollbar{width:4px}.mtg-list::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:99px}.mtg-list-item{cursor:pointer;border-bottom:1px solid var(--border-default);align-items:flex-start;gap:10px;padding:10px 16px;transition:background .15s;display:flex}.mtg-list-item:last-child{border-bottom:none}.mtg-list-item:hover{background:var(--mtg-day-hover)}.mtg-list-avatar{background:var(--brand-grad);color:#000;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-top:2px;font-size:11px;font-weight:800;display:flex}.mtg-list-avatar--blue{background:linear-gradient(135deg,#3b82f6,#00c2ff)}.mtg-list-avatar--green{background:linear-gradient(135deg,#14f195,#0d9965)}.mtg-list-avatar--purple{background:linear-gradient(135deg,#9945ff,#c084fc)}.mtg-list-avatar--red{background:linear-gradient(135deg,#ff6b6b,#f97316)}.mtg-list-avatar--orange{background:linear-gradient(135deg,#f97316,#eab308)}.mtg-list-content{flex:1;min-width:0}.mtg-list-top{justify-content:space-between;align-items:flex-start;gap:6px;margin-bottom:3px;display:flex}.mtg-list-name{color:var(--text-primary);flex:1;min-width:0;font-size:13px;font-weight:700;line-height:1.3}.mtg-status-badge{letter-spacing:.4px;text-transform:uppercase;border:1px solid #0000;border-radius:4px;flex-shrink:0;align-items:center;height:18px;padding:0 7px;font-size:9.5px;font-weight:700;display:inline-flex}.mtg-status-badge--done{background:var(--mtg-status-done-bg);color:var(--mtg-status-done-color);border-color:var(--mtg-status-done-border)}.mtg-status-badge--ongoing{background:var(--mtg-status-ongoing-bg);color:var(--mtg-status-ongoing-color);border-color:var(--mtg-status-ongoing-border)}.mtg-status-badge--upcoming{background:var(--mtg-status-upcoming-bg);color:var(--mtg-status-upcoming-color);border-color:var(--mtg-status-upcoming-border)}.mtg-list-meta{flex-direction:column;gap:2px;display:flex}.mtg-list-time,.mtg-list-participants{color:var(--text-muted);align-items:center;gap:4px;font-size:11px;font-weight:500;display:flex}.mtg-list-participants{color:var(--text-secondary)}.mtg-join-btn{background:var(--brand-grad);height:28px;color:var(--btn-grad-text);cursor:pointer;border:none;border-radius:999px;flex-shrink:0;align-self:center;padding:0 12px;font-family:DM Sans,sans-serif;font-size:11.5px;font-weight:700;transition:opacity .15s,transform .12s}.mtg-join-btn:hover{opacity:.85;transform:translateY(-1px)}.mtg-join-btn:active{transform:translateY(0)}.mtg-modal-overlay{background:var(--bg-overlay);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;justify-content:center;align-items:center;padding:20px;animation:.2s mtg-fade-in;display:flex;position:fixed;inset:0}@keyframes mtg-fade-in{0%{opacity:0}to{opacity:1}}.mtg-modal{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:20px;width:min(540px,100%);max-height:90vh;padding:28px;animation:.25s cubic-bezier(.16,1,.3,1) mtg-slide-up;position:relative;overflow-y:auto;box-shadow:0 24px 64px #00000059}.mtg-modal::-webkit-scrollbar{width:4px}.mtg-modal::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:99px}@keyframes mtg-slide-up{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.mtg-modal-accent{background:var(--brand-grad);border-radius:20px 20px 0 0;height:2px;position:absolute;top:0;left:0;right:0}.mtg-modal-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:22px;display:flex}.mtg-modal-head-text h3{color:var(--text-primary);letter-spacing:-.3px;margin-bottom:3px;font-size:18px;font-weight:800}.mtg-modal-head-text p{color:var(--text-muted);font-size:12.5px}.mtg-modal-close{border:1px solid var(--border-default);background:var(--bg-input);width:32px;height:32px;color:var(--text-muted);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:color .15s,border-color .15s;display:flex}.mtg-modal-close:hover{color:var(--text-primary);border-color:var(--border-hover)}.mtg-form{flex-direction:column;gap:16px;display:flex}.mtg-form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.m-field{flex-direction:column;gap:6px;display:flex}.m-label{color:var(--text-label);text-transform:uppercase;letter-spacing:.6px;font-size:11.5px;font-weight:700}.m-label span{color:var(--danger);margin-left:2px}.m-input,.m-textarea,.m-select{background:var(--bg-input);border:1.5px solid var(--border-input);width:100%;height:42px;color:var(--text-primary);box-sizing:border-box;-webkit-appearance:none;border-radius:10px;outline:none;padding:0 14px;font-family:DM Sans,sans-serif;font-size:13.5px;transition:border-color .2s,box-shadow .2s,background .2s}.m-textarea{resize:vertical;height:auto;min-height:80px;padding:10px 14px}.m-select{cursor:pointer}.m-input::placeholder,.m-textarea::placeholder{color:var(--text-placeholder)}.m-input:focus,.m-textarea:focus,.m-select:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--focus-ring);background:var(--bg-input-focus)}[data-theme=dark] .m-input,[data-theme=dark] .m-textarea,[data-theme=dark] .m-select{color:#fff}[data-theme=light] .m-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23666' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}[data-theme=dark] .m-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23aaa' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.mtg-participant-wrap{flex-direction:column;gap:6px;display:flex}.mtg-participant-search{background:var(--bg-input);border:1.5px solid var(--border-input);border-radius:10px;align-items:center;gap:8px;height:42px;padding:0 12px;transition:border-color .2s,box-shadow .2s;display:flex}.mtg-participant-search:focus-within{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--focus-ring)}.mtg-participant-search input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-family:DM Sans,sans-serif;font-size:13.5px}.mtg-participant-search input::placeholder{color:var(--text-placeholder)}.mtg-participant-dropdown{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:10px;max-height:180px;overflow-y:auto;box-shadow:0 8px 24px #0003}.mtg-participant-dropdown::-webkit-scrollbar{width:4px}.mtg-participant-dropdown::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:99px}.mtg-participant-option{cursor:pointer;align-items:center;gap:10px;padding:8px 12px;transition:background .12s;display:flex}.mtg-participant-option:hover{background:var(--mtg-day-hover)}.mtg-participant-option--selected{background:#9945ff14}.mtg-opt-avatar{background:var(--brand-grad);color:#000;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:10px;font-weight:800;display:flex}.mtg-opt-info{flex:1;min-width:0}.mtg-opt-name{color:var(--text-primary);font-size:12.5px;font-weight:600}.mtg-opt-dept{color:var(--text-muted);font-size:11px}.mtg-opt-check{border:1.5px solid var(--border-input);background:0 0;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:background .15s,border-color .15s;display:flex}.mtg-selected-chips{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.mtg-pchip{height:24px;color:var(--brand-purple);background:#9945ff1f;border:1px solid #9945ff40;border-radius:6px;align-items:center;gap:5px;padding:0 8px 0 6px;font-size:11px;font-weight:600;display:inline-flex}.mtg-pchip-remove{cursor:pointer;color:var(--brand-purple);opacity:.7;background:0 0;border:none;align-items:center;padding:0;transition:opacity .15s;display:flex}.mtg-pchip-remove:hover{opacity:1}.mtg-form-footer{border-top:1px solid var(--border-default);justify-content:flex-end;align-items:center;gap:10px;margin-top:6px;padding-top:16px;display:flex}.mtg-cancel-btn{border:1px solid var(--border-default);background:var(--bg-input);height:38px;color:var(--text-secondary);cursor:pointer;border-radius:999px;padding:0 18px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;transition:border-color .15s,color .15s}.mtg-cancel-btn:hover{border-color:var(--border-hover);color:var(--text-primary)}.mtg-submit-btn{background:var(--brand-grad);height:38px;color:var(--btn-grad-text);cursor:pointer;border:none;border-radius:999px;padding:0 20px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:700;transition:opacity .15s,transform .12s;position:relative;overflow:hidden}.mtg-submit-btn:hover{opacity:.88;transform:translateY(-1px)}.mtg-submit-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.mtg-form-error{color:var(--danger);background:var(--danger-bg);border:1px solid var(--danger-border);border-radius:8px;padding:8px 12px;font-size:12px}.mtg-detail-section{flex-direction:column;gap:12px;display:flex}.mtg-detail-row{align-items:flex-start;gap:10px;display:flex}.mtg-detail-icon{color:var(--text-muted);flex-shrink:0;margin-top:2px}.mtg-detail-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:2px;font-size:11px;font-weight:700}.mtg-detail-value{color:var(--text-primary);font-size:13.5px;font-weight:500;line-height:1.4}.mtg-detail-divider{background:var(--border-default);height:1px;margin:4px 0}.mtg-participants-list{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.mtg-participant-tag{background:var(--bg-surface-2);border:1px solid var(--border-default);height:26px;color:var(--text-secondary);border-radius:7px;align-items:center;gap:5px;padding:0 8px 0 6px;font-size:11.5px;font-weight:600;display:inline-flex}.mtg-participant-tag-dot{background:var(--brand-green);border-radius:50%;flex-shrink:0;width:6px;height:6px}.mtg-detail-actions{border-top:1px solid var(--border-default);gap:8px;margin-top:4px;padding-top:16px;display:flex}.mtg-detail-delete-btn{border:1px solid var(--danger-border);background:var(--danger-bg);height:36px;color:var(--danger);cursor:pointer;border-radius:999px;padding:0 16px;font-family:DM Sans,sans-serif;font-size:12.5px;font-weight:700;transition:background .15s}.mtg-detail-delete-btn:hover{background:#ff505026}.mtg-detail-edit-btn{background:var(--brand-grad);height:36px;color:var(--btn-grad-text);cursor:pointer;border:none;border-radius:999px;padding:0 16px;font-family:DM Sans,sans-serif;font-size:12.5px;font-weight:700;transition:opacity .15s}.mtg-detail-edit-btn:hover{opacity:.88}.mtg-empty{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:40px 20px;display:flex}.mtg-empty-icon{opacity:.3}.mtg-empty p{font-size:13px;font-weight:500}.mtg-skeleton{background:linear-gradient(90deg, var(--bg-surface-2) 25%, var(--bg-input) 50%, var(--bg-surface-2) 75%);background-size:200% 100%;border-radius:6px;animation:1.5s infinite mtg-shimmer}@keyframes mtg-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (width<=768px){.mtg-body{flex-direction:column}.mtg-sidebar{border-left:none;border-top:1px solid var(--border-default);width:100%;height:300px}.mtg-form-row{grid-template-columns:1fr}}.form-container{background:#fff;border-radius:12px;max-width:600px;margin:50px auto;padding:30px 40px;font-family:Poppins,sans-serif;box-shadow:0 5px 20px #0000001a}.form-container h2{text-align:center;color:#007bff;margin-bottom:10px}.form-container p{text-align:center;color:#555;margin-bottom:25px;font-size:14px}.job-form{flex-direction:column;gap:15px;display:flex}.job-form label{color:#333;font-size:14px;font-weight:600}.job-form input[type=text],.job-form input[type=email],.job-form input[type=file]{border:1px solid #ccc;border-radius:8px;outline:none;padding:10px;font-size:14px;transition:all .2s}.job-form input:focus{border-color:#007bff}.job-form button{color:#fff;cursor:pointer;background-color:#007bff;border:none;border-radius:8px;padding:10px;font-size:15px;transition:all .3s}.job-form button:hover{background-color:#0056b3}.user-dashboard-shell{background:var(--bg-page);width:100vw;height:100vh;display:flex;overflow:hidden}.user-dashboard-sidebar{flex-shrink:0;width:240px;height:100vh;transition:width .28s cubic-bezier(.4,0,.2,1),opacity .28s;overflow:hidden}.user-dashboard-sidebar.collapsed{opacity:0;pointer-events:none;width:0}.user-dashboard-main{flex-direction:column;flex:1;min-width:0;height:100vh;display:flex;overflow:hidden}@media (width<=1080px){.user-dashboard-sidebar{display:none}.user-dashboard-main{width:100vw}}.user-leftbar{background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);flex-direction:column;width:240px;height:100vh;transition:background .3s,border-color .3s;display:flex;position:relative;overflow:hidden}.user-leftbar:after{content:"";background:var(--brand-grad);opacity:.55;pointer-events:none;z-index:1;height:1px;position:absolute;top:0;left:0;right:0}.user-leftbar-header{border-bottom:1px solid var(--sidebar-border);flex-shrink:0;align-items:center;gap:10px;height:62px;padding:0 16px;display:flex}.user-leftbar-toggle-btn{cursor:pointer;width:32px;height:32px;color:var(--text-muted);background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.user-leftbar-toggle-btn:hover{background:var(--sidebar-item-hover);color:var(--text-primary)}.user-leftbar-brand{letter-spacing:-.4px;background:var(--brand-grad);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:16px;font-weight:700;line-height:1}.user-leftbar-nav{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent;flex-direction:column;flex:1;gap:1px;padding:10px 8px 20px;display:flex;overflow-y:auto}.user-leftbar-nav::-webkit-scrollbar{width:3px}.user-leftbar-nav::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:99px}.user-leftbar-group{flex-direction:column;display:flex}.user-leftbar-item{cursor:pointer;width:100%;font-size:13.5px;font-weight:500;font-family:var(--font-main);color:var(--text-secondary);text-align:left;background:0 0;border:none;border-radius:9px;align-items:center;gap:9px;padding:8px 10px;transition:background .15s,color .15s;display:flex;position:relative}.user-leftbar-item:hover{background:var(--sidebar-item-hover);color:var(--text-primary)}.user-leftbar-item.active{background:var(--sidebar-item-active);color:var(--brand-purple);font-weight:600}.user-leftbar-item.active:before{content:"";background:var(--brand-grad);border-radius:0 3px 3px 0;width:2.5px;position:absolute;top:18%;bottom:18%;left:0}.user-leftbar-item-icon{opacity:.75;flex-shrink:0;justify-content:center;align-items:center;width:20px;transition:opacity .15s;display:flex}.user-leftbar-item:hover .user-leftbar-item-icon,.user-leftbar-item.active .user-leftbar-item-icon{opacity:1}.user-leftbar-item-label{flex:1}.user-leftbar-chevron{color:var(--text-dimmed);flex-shrink:0;transition:transform .2s,color .15s}.user-leftbar-chevron.open{color:var(--text-muted);transform:rotate(180deg)}.user-leftbar-submenu{grid-template-rows:0fr;transition:grid-template-rows .22s cubic-bezier(.4,0,.2,1);display:grid;overflow:hidden}.user-leftbar-submenu.open{grid-template-rows:1fr}.user-leftbar-submenu-inner{border-left:1px solid var(--border-default);flex-direction:column;gap:1px;margin-left:18px;padding:2px 0 2px 8px;display:flex;overflow:hidden}.user-leftbar-subitem{cursor:pointer;width:100%;font-size:13px;font-weight:400;font-family:var(--font-main);color:var(--text-muted);text-align:left;background:0 0;border:none;border-radius:7px;align-items:center;gap:8px;padding:7px 10px;transition:background .15s,color .15s;display:flex}.user-leftbar-subitem:hover{background:var(--sidebar-item-hover);color:var(--text-primary)}.user-leftbar-subitem.active{color:var(--brand-green);background:#14f1950f;font-weight:600}.user-leftbar-subitem-icon{opacity:.6;flex-shrink:0;justify-content:center;align-items:center;width:16px;transition:opacity .15s;display:flex}.user-leftbar-subitem:hover .user-leftbar-subitem-icon,.user-leftbar-subitem.active .user-leftbar-subitem-icon{opacity:1}@media (width<=1080px){.user-leftbar{border-right:none;border-left:1px solid var(--sidebar-border);z-index:51;width:250px;transition:transform .28s cubic-bezier(.4,0,.2,1);position:absolute;inset:0 0 0 auto;transform:translate(100%);box-shadow:-6px 0 30px #00000040}.user-leftbar-mobile-overlay.open .user-leftbar,.user-leftbar.open{transform:translate(0)}}.udash{background:var(--bg-page);min-height:100%;color:var(--text-primary);box-sizing:border-box;flex-direction:column;gap:14px;padding:20px;font-family:DM Sans,sans-serif;display:flex}.udash-avatar-img{object-fit:cover;border-radius:50%;flex-shrink:0;display:block}.udash-avatar-fallback{letter-spacing:-.3px;-webkit-user-select:none;user-select:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-family:DM Sans,sans-serif;font-weight:700;line-height:1;display:inline-flex}.udash-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.udash-dot.purple{background:#8b5cf6;box-shadow:0 0 0 3px #8b5cf626}.udash-dot.amber{background:#f59e0b;box-shadow:0 0 0 3px #f59e0b26}.udash-dot.green{background:#10b981;box-shadow:0 0 0 3px #10b98126}.udash-dot.blue{background:#6366f1;box-shadow:0 0 0 3px #6366f126}.udash-dot.red{background:#ef4444;box-shadow:0 0 0 3px #ef444426}.udash-banner{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:16px;flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 22px;display:flex;position:relative;overflow:hidden}.udash-banner:before{content:"";background:var(--brand-grad,linear-gradient(90deg,#8b5cf6,#6366f1));opacity:.7;height:2px;position:absolute;top:0;left:0;right:0}.udash-banner--skel{pointer-events:none}.udash-greeting{color:var(--text-primary);letter-spacing:-.3px;margin:0 0 3px;font-size:17px;font-weight:700}.udash-date{color:var(--text-muted);text-transform:capitalize;margin:0;font-size:12.5px}.udash-cal-btn{background:var(--bg-input);border:1px solid var(--border-input);color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-radius:999px;flex-shrink:0;align-items:center;gap:7px;padding:8px 16px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.udash-cal-btn:hover{border-color:var(--brand-purple,#8b5cf6);color:var(--brand-purple,#8b5cf6);background:var(--sidebar-item-active)}.udash-tabs{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:12px;flex-shrink:0;gap:6px;min-width:0;padding:5px;display:none;overflow:hidden}.udash-tab{min-width:0;color:var(--text-muted);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:3px;padding:4px 3px;font-family:DM Sans,sans-serif;font-size:12.5px;font-weight:600;transition:background .15s,color .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden}.udash-tab:hover{background:var(--sidebar-item-hover);color:var(--text-secondary)}.udash-tab--active{background:var(--bg-page);color:var(--text-primary);box-shadow:0 1px 4px #0000001a}.udash-tab-badge{color:#fff;text-align:center;background:#ef4444;border-radius:999px;min-width:16px;padding:1px 5px;font-size:10px;font-weight:700;line-height:14px}.udash-grid{flex:1;grid-template-columns:1fr 320px;align-items:start;gap:14px;min-height:0;display:grid}.udash-right{flex-direction:column;gap:14px;display:flex}.udash-col-main{flex-direction:column;min-height:0;display:flex}.udash-tab-content{flex-direction:column;display:flex}.udash-panel{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:16px;flex-direction:column;gap:12px;padding:18px;transition:background .3s,border-color .3s;display:flex}.udash-panel-head{flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;display:flex}.udash-panel-title{color:var(--text-primary);letter-spacing:-.2px;align-items:center;gap:8px;font-size:13.5px;font-weight:700;display:flex}.udash-panel-sub{color:var(--text-muted);flex-shrink:0;font-size:12px}.udash-err{color:#ef4444;margin:0;font-size:12.5px}.udash-empty-sm{color:var(--text-muted);margin:0;padding:8px 0;font-size:13px}.udash-empty{color:var(--text-muted);flex-direction:column;align-items:center;gap:10px;padding:40px 0;display:flex}.udash-empty p{margin:0;font-size:13px}.udash-empty svg{opacity:.3}.udash-mobile-search{display:none}.udash-item-row{align-items:center;gap:10px;display:flex}.udash-item-info{flex:1;min-width:0}.udash-item-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:13px;font-weight:600;overflow:hidden}.udash-item-sub{color:var(--text-muted);text-transform:capitalize;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:11.5px;overflow:hidden}.udash-posts{min-height:300px;overflow:hidden}.udash-panel-badge{color:#8b5cf6;background:#8b5cf61f;border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:18px;padding:0 6px;font-size:11px;font-weight:700;display:inline-flex}.udash-search-wrap-post{flex-shrink:0;align-items:center;display:flex;position:relative}.udash-search-wrap-post>svg{color:var(--text-muted);pointer-events:none;position:absolute;left:9px}.udash-search-clear{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 4px;font-size:11px;line-height:1;transition:color .15s;position:absolute;right:8px}.udash-search-clear:hover{color:var(--text-primary)}.udash-posts-head-right{align-items:center;gap:8px;display:flex}.udash-search{border:1px solid var(--border-input);background:var(--bg-input);height:30px;color:var(--text-primary);border-radius:8px;outline:none;width:130px;padding:0 26px 0 28px;font-family:DM Sans,sans-serif;font-size:12.5px;transition:border-color .15s,width .2s}.udash-search:focus{border-color:var(--brand-purple,#8b5cf6);width:160px}.udash-search--full,.udash-search--full:focus{width:100%}.udash-feed{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent;flex-direction:column;flex:1;gap:10px;display:flex;overflow-y:auto}.udash-feed::-webkit-scrollbar{width:3px}.udash-feed::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:99px}.udash-post-card{border:1px solid var(--border-default);background:var(--bg-page);border-radius:12px;gap:11px;padding:13px;transition:border-color .15s,transform .1s;display:flex}.udash-post-card:hover{border-color:var(--brand-purple,#8b5cf6)}.udash-post-av{object-fit:cover;border-radius:50%;flex-shrink:0;width:36px;height:36px}.udash-post-body{flex:1;min-width:0}.udash-post-top{flex-wrap:wrap;align-items:baseline;gap:8px;margin-bottom:5px;display:flex}.udash-post-name{color:var(--text-primary);font-size:13px;font-weight:700}.udash-post-time{color:var(--text-muted);white-space:nowrap;font-size:11px}.udash-post-msg{color:var(--text-secondary);-webkit-box-orient:vertical;margin:0 0 8px;font-size:13px;line-height:1.55;display:-webkit-box;overflow:hidden}.udash-action-btn{border:1px solid var(--border-default);background:var(--bg-input);color:var(--text-muted);cursor:pointer;border-radius:8px;align-items:center;gap:5px;padding:5px 10px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.udash-action-btn:hover{border-color:var(--brand-purple,#8b5cf6);color:var(--brand-purple,#8b5cf6);background:#8b5cf60d}.udash-action-btn--liked{color:#8b5cf6;background:#8b5cf614;border-color:#8b5cf64d}.udash-events{cursor:pointer;transition:transform .15s,box-shadow .15s,border-color .15s}.udash-events:hover{border-color:var(--brand-purple,#8b5cf6);transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.udash-event-list{flex-direction:column;gap:10px;display:flex}.udash-more-label{color:var(--text-muted);margin:0;padding-left:2px;font-size:12px}.udash-next-block{border-top:1px solid var(--border-default);padding-top:12px}.udash-next-label{text-transform:uppercase;letter-spacing:.7px;color:var(--text-muted);margin:0 0 8px;font-size:10.5px;font-weight:700}.udash-absent-list{flex-direction:column;gap:8px;display:flex}.udash-badge-count{color:#ef4444;white-space:nowrap;background:#ef444414;border:1px solid #ef444433;border-radius:999px;align-items:center;padding:2px 9px;font-size:11.5px;font-weight:600;display:inline-flex}.udash-absent-tag{color:#ef4444;text-transform:uppercase;letter-spacing:.4px;background:#ef444414;border:1px solid #ef44442e;border-radius:6px;flex-shrink:0;padding:2px 8px;font-size:10.5px;font-weight:700}.udash-pagination{border-top:1px solid var(--border-default);justify-content:center;align-items:center;gap:6px;padding-top:10px;display:flex}.udash-page-btn{border:1px solid var(--border-default);background:var(--bg-input);width:30px;height:30px;color:var(--text-secondary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;font-size:13px;transition:background .15s,border-color .15s,color .15s;display:flex}.udash-page-btn:hover:not(:disabled){border-color:var(--brand-purple,#8b5cf6);color:var(--brand-purple,#8b5cf6);background:var(--sidebar-item-active)}.udash-page-btn:disabled{opacity:.35;cursor:not-allowed}.udash-page-pills{gap:4px;display:flex}.udash-page-pill{border:1px solid var(--border-default);background:var(--bg-input);width:28px;height:28px;color:var(--text-muted);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;transition:background .15s,border-color .15s,color .15s;display:flex}.udash-page-pill:hover{border-color:var(--brand-purple,#8b5cf6);color:var(--brand-purple,#8b5cf6)}.udash-page-pill.active{background:var(--brand-purple,#8b5cf6);border-color:var(--brand-purple,#8b5cf6);color:#fff}@keyframes udash-shimmer{0%,to{opacity:.4}50%{opacity:.85}}.udash-skel-bar{background:var(--sidebar-item-hover,#00000012);border-radius:6px;height:11px;animation:1.5s infinite udash-shimmer}.udash-skel-row{align-items:center;gap:11px;padding:6px 0;display:flex}.udash-skel-circle{background:var(--sidebar-item-hover,#00000012);border-radius:50%;flex-shrink:0;width:34px;height:34px;animation:1.5s infinite udash-shimmer}.udash-skel-lines{flex-direction:column;flex:1;gap:7px;display:flex}.udash-skel-post{border:1px solid var(--border-default);background:var(--bg-page);border-radius:12px;align-items:flex-start;gap:11px;padding:13px}.udash-skel-post .udash-skel-circle{width:36px;height:36px;margin-top:2px}.udash-skel-post .udash-skel-lines{gap:8px;padding-top:2px}.udash-comment-modal{background:var(--bg-surface);border:1px solid var(--border-default);scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent;border-radius:20px;flex-direction:column;gap:14px;width:min(480px,95vw);max-height:85vh;padding:22px;animation:.22s cubic-bezier(.16,1,.3,1) udash-slideUp;display:flex;overflow-y:auto;box-shadow:0 24px 64px #0000004d}.udash-comment-modal::-webkit-scrollbar{width:3px}.udash-comment-modal::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:99px}.udash-comment-original{background:var(--bg-page);border:1px solid var(--border-default);border-radius:12px;flex-direction:column;gap:10px;padding:14px;display:flex}.udash-comment-post-header{align-items:center;gap:10px;display:flex}.udash-comment-post-msg{color:var(--text-secondary);margin:0;font-size:13.5px;line-height:1.6}.udash-like-btn{border:1px solid var(--border-default);background:var(--bg-input);color:var(--text-muted);cursor:pointer;border-radius:8px;align-self:flex-start;align-items:center;gap:6px;padding:6px 12px;font-family:DM Sans,sans-serif;font-size:12.5px;font-weight:600;transition:border-color .15s,color .15s,background .15s,transform .1s;display:inline-flex}.udash-like-btn:hover{color:#8b5cf6;background:#8b5cf60f;border-color:#8b5cf6}.udash-like-btn--active{color:#8b5cf6;background:#8b5cf614;border-color:#8b5cf64d}.udash-like-btn:active{transform:scale(.96)}.udash-like-btn:disabled{opacity:.6;cursor:not-allowed}.udash-like-count{font-weight:700}.udash-comment-divider{color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px;align-items:center;gap:10px;font-size:12px;font-weight:700;display:flex}.udash-comment-divider:before,.udash-comment-divider:after{content:"";background:var(--border-default);flex:1;height:1px}.udash-comment-list{flex-direction:column;gap:10px;display:flex}.udash-comment-item{align-items:flex-start;gap:9px;display:flex}.udash-comment-bubble{background:var(--bg-page);border:1px solid var(--border-default);border-radius:10px;flex:1;min-width:0;padding:10px 12px}.udash-comment-meta{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:4px;display:flex}.udash-comment-author{color:var(--text-primary);font-size:12.5px;font-weight:700}.udash-comment-text{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.5}.udash-cal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:200;background:#00000080;justify-content:center;align-items:center;animation:.18s udash-fadeIn;display:flex;position:fixed;inset:0}@keyframes udash-fadeIn{0%{opacity:0}to{opacity:1}}.udash-cal-modal{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:20px;width:380px;max-width:95vw;max-height:90vh;padding:24px;animation:.22s cubic-bezier(.16,1,.3,1) udash-slideUp;overflow-y:auto;box-shadow:0 24px 64px #0000004d}@keyframes udash-slideUp{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.udash-cal-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.udash-cal-head h3{color:var(--text-primary);margin:0;font-size:15px;font-weight:700}.udash-cal-close{border:1px solid var(--border-default);background:var(--bg-input);width:28px;height:28px;color:var(--text-muted);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;font-size:12px;transition:all .15s;display:flex}.udash-cal-close:hover{color:#ef4444;background:#ef44441a;border-color:#ef4444}.udash-cal-modal .react-calendar{background:0 0;border:none;width:100%;font-family:DM Sans,sans-serif;line-height:1.4}.udash-cal-modal .react-calendar__navigation{align-items:center;gap:2px;margin-bottom:10px;display:flex}.udash-cal-modal .react-calendar__navigation button{color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:8px;min-width:36px;padding:6px 10px;font-family:DM Sans,sans-serif;font-size:13.5px;font-weight:600;transition:background .15s,color .15s}.udash-cal-modal .react-calendar__navigation button:hover,.udash-cal-modal .react-calendar__navigation button:focus{background:var(--sidebar-item-hover);color:var(--brand-purple,#8b5cf6);outline:none}.udash-cal-modal .react-calendar__navigation button:disabled{opacity:.3;cursor:not-allowed}.udash-cal-modal .react-calendar__navigation__label{letter-spacing:-.2px;flex:1;font-size:14px;font-weight:700}.udash-cal-modal .react-calendar__month-view__weekdays{margin-bottom:4px}.udash-cal-modal .react-calendar__month-view__weekdays__weekday{text-align:center;padding:4px 0}.udash-cal-modal .react-calendar__month-view__weekdays__weekday abbr{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-size:11px;font-weight:700;text-decoration:none}.udash-cal-modal .react-calendar__tile{color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:8px 4px;font-family:DM Sans,sans-serif;font-size:13px;transition:background .12s,color .12s;display:flex;position:relative}.udash-cal-modal .react-calendar__tile:hover{background:var(--sidebar-item-hover)!important}.udash-cal-modal .react-calendar__tile:focus{outline:none;background:var(--sidebar-item-hover)!important}.udash-cal-modal .react-calendar__tile--now{font-weight:700;background:var(--sidebar-item-active)!important;color:var(--brand-purple,#8b5cf6)!important}.udash-cal-modal .react-calendar__tile--now:hover{background:var(--sidebar-item-hover)!important}.udash-cal-modal .react-calendar__tile--active,.udash-cal-modal .react-calendar__tile--active:hover{font-weight:700;background:var(--brand-purple,#8b5cf6)!important;color:#fff!important}.udash-cal-modal .react-calendar__month-view__days__day--neighboringMonth{opacity:.45;color:var(--text-dimmed)!important}.udash-cal-modal .react-calendar__month-view__days__day--weekend{color:var(--text-secondary)}.udash-cal-modal .react-calendar__year-view__months__month,.udash-cal-modal .react-calendar__decade-view__years__year,.udash-cal-modal .react-calendar__century-view__decades__decade{color:var(--text-primary);border-radius:8px;padding:12px 6px;font-size:13px}.udash-cal-dot{background:var(--brand-purple,#8b5cf6);border-radius:50%;width:5px;height:5px;margin:2px auto 0}.udash-cal-legend{color:var(--text-muted);border-top:1px solid var(--border-default);border-bottom:1px solid var(--border-default);gap:16px;padding:10px 0;font-size:12px;display:flex}.udash-cal-legend span{align-items:center;gap:6px;display:flex}.udash-bday{margin-top:4px}.udash-bday h4{color:var(--text-primary);margin:0 0 10px;font-size:13px;font-weight:700}.udash-bday ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.udash-bday li{color:var(--text-secondary);align-items:center;gap:10px;font-size:13px;display:flex}@media (width<=960px){.udash-tabs{display:flex}.udash-grid{grid-template-columns:1fr}.udash-right{display:contents}.udash-tab-content{display:none}.udash-tab-content--active{display:flex}.udash-panel-head--desktop{display:none}.udash-mobile-search{display:flex}}@media (width<=600px){.udash{gap:10px;padding:12px}.udash-banner{padding:14px 16px}.udash-greeting{font-size:15px}.udash-cal-btn span{display:none}.udash-panel{padding:14px}.udash-tab{gap:4px;padding:7px 4px;font-size:11.5px}}@media (width<=360px){.udash-tab{gap:3px;padding:6px 3px;font-size:10.5px}.udash-tab span:not(svg):not(.udash-tab-badge):not(.udash-dot){display:none}.udash-tabs{gap:4px;padding:4px}}.udash-post-msg li{color:var(--text-secondary);margin:3px 0;font-size:13px;line-height:1.55}.udash-post-msg p{color:var(--text-secondary);margin:4px 0;font-size:13px;line-height:1.6}.container-reimburse{font-family:Poppins,sans-serif}.reimburse-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px;display:flex}.title-section h2{color:#1e1e1e;font-size:22px;font-weight:500}.total-info{color:#555;background:#eef5ff;border-radius:6px;margin-top:4px;padding:5px 10px;font-size:14px;font-weight:500}.actions-reimburse-user{gap:10px;display:flex}.actions-reimburse-user select,.actions-reimburse-user button{border:1px solid #ccc;border-radius:6px;padding:6px 10px;font-size:13px}.actions-reimburse-user button{color:#fff;cursor:pointer;background:#406892;border:none}.actions-reimburse-user button:hover{background:linear-gradient(90deg,#1565c0,#1976d2)}.table-wrapper{border-radius:8px;width:100%;max-height:450px;overflow:auto}.reimburse-table{border-collapse:collapse;background:#fff;width:100%}.reimburse-table th,.reimburse-table td{text-align:left;border-bottom:1px solid #eee;padding:10px;font-size:13px}.reimburse-table th{color:#fff;background:linear-gradient(90deg,#1976d2,#42a5f5);position:sticky;top:0}.status-badge.pending{color:#856404;background:#fff3cd}.status-badge.approved{color:#256029;background:#c8e6c9}.status-badge.rejected{color:#b71c1c;background:#ffcdd2}.status-badge.paid{color:#0d47a1;background:#bbdefb}.view-detail,.approve-btn,.reject-btn,.paid-btn{cursor:pointer;border:none;border-radius:5px;margin-right:4px;padding:4px 8px;font-size:11px;transition:all .3s}.view-detail{color:#fff;background:#0288d1}.view-detail:hover{background:#0277bd}.approve-btn{color:#fff;background:#43a047}.approve-btn:hover{background:#2e7d32}.reject-btn{color:#fff;background:#e53935}.reject-btn:hover{background:#b71c1c}.paid-btn{color:#000;background:#ffb300}.paid-btn:hover{background:#f9a825}.modal{background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:8px;width:350px;height:600px;padding:20px;animation:.25s fadeIn;overflow:scroll}.modal-content h3{color:#1976d2;margin-bottom:10px}.modal-content input,.modal-content select,.modal-content textarea{border:1px solid #ccc;border-radius:5px;width:100%;margin-bottom:8px;padding:6px 8px;font-size:13px}.modal-actions button{cursor:pointer;border:none;border-radius:6px;padding:8px 14px}.modal-actions button:last-child{background:#ccc}.proof-image{border-radius:6px;max-width:100%;height:auto;margin-top:8px;box-shadow:0 2px 8px #00000026}.preview-section{text-align:center;background:#f8f9fc;border:1px solid #ddd;border-radius:6px;margin-bottom:10px;padding:8px}#reimburse-detail{color:#333;background:#fff;border-radius:10px;width:420px;padding:20px;line-height:1.6;box-shadow:0 2px 8px #0000001a}#reimburse-detail h3{text-align:center;color:#1976d2;text-transform:uppercase;margin-bottom:15px}.modal-actions button:first-child{color:#fff;cursor:pointer;background:linear-gradient(90deg,#2196f3,#42a5f5);border:none;border-radius:6px;padding:8px 14px}.proof-thumbnail{cursor:pointer;border-radius:6px;width:120px;height:auto;transition:transform .2s,box-shadow .2s;box-shadow:0 2px 5px #0003}.proof-thumbnail:hover{transform:scale(1.05);box-shadow:0 4px 10px #0000004d}.image-zoom-modal{z-index:9999;background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.image-zoom-modal img{object-fit:contain;border-radius:8px;max-width:90%;max-height:85vh;box-shadow:0 2px 15px #fff3}.close-zoom{color:#fff;cursor:pointer;font-size:28px;transition:all .2s;position:absolute;top:20px;right:30px}.close-zoom:hover{color:#ffb300}.reimburse-table-staff thead th{border-bottom:1px solid #ddd;font-weight:600;color:#333!important;background-color:#f5f5f5!important}.container-payroll{height:700px;font-family:Poppins,sans-serif}.payroll-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.payroll-header h2{color:#333;font-size:16px;font-weight:600}.actions{align-items:center;gap:10px;display:flex}.title-section button{color:#fff;cursor:pointer;background-color:#1976d2;border:none;border-radius:6px;padding:8px 14px;font-size:12px;transition:all .3s}.title-section button:hover{background-color:#0d47a1}.actions select{border:1px solid #ccc;border-radius:5px;padding:6px 10px}.payroll-table-staff{border-collapse:collapse;background-color:#ffffffc5;border-radius:8px;width:100%;overflow:hidden;box-shadow:0 2px 5px #0000001a}.payroll-table-staff th,.payroll-table-staff td{text-align:left;border-bottom:1px solid #eee;padding:10px}.payroll-table-staff th{background-color:#f1f1f1;font-weight:600}.payroll-table-staff tr:hover{background-color:#f9f9f9}.status-badge{text-transform:uppercase;border-radius:5px;padding:5px 10px;font-size:10px;font-weight:600}.status-badge.paid{color:#256029;background-color:#c8e6c9}.status-badge.unpaid{color:#b71c1c;background-color:#ffcdd2}.view-slip{color:#fff;cursor:pointer;background-color:#43a047;border:none;border-radius:4px;padding:5px 10px}.view-slip:hover{background-color:#2e7d32}.modal{background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content-payroll{background:#fff;border-radius:8px;width:450px;padding:25px;animation:.3s fadeIn;box-shadow:0 5px 15px #0003}.modal-content-payroll h3{color:#1976d2;margin-bottom:10px}.modal-content-payroll p{font-size:12px}.modal-content hr{border:.5px solid #ddd;margin:10px 0}.modal-content-payroll button{color:#fff;cursor:pointer;background-color:#1976d2;border:none;border-radius:6px;width:100%;margin-top:15px;padding:8px 14px}.modal-content-payroll button:hover{background-color:#0d47a1}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.actions input{border:1px solid #ccc;border-radius:6px;padding:6px 10px}.payroll-table-staff th{color:#fff;background:linear-gradient(90deg,#d21919,#f54242)}.payroll-table-staff td b{color:#1976d2}@keyframes popIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.clickable{color:#1976d2;cursor:pointer}.send-bank{background-color:#00897b}.send-email{color:#000;background-color:#ffb300}.send-bank:hover{background-color:#00695c}.send-email:hover{background-color:#ff9800}.modal-content-payroll input,.modal-content-payroll select{border:1px solid #ccc;border-radius:6px;width:100%;margin-bottom:8px;padding:6px 8px}.modal-actions button:first-child{color:#fff;background-color:#1976d2}.modal-actions button:last-child{background-color:#ccc}.send-bank,.send-email{cursor:pointer;letter-spacing:.3px;border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:600;transition:all .25s;display:inline-flex;box-shadow:0 2px 5px #0000001a}.send-bank{color:#fff;background:linear-gradient(90deg,#009688,#26a69a)}.send-bank:hover{background:linear-gradient(90deg,#00796b,#00897b);transform:translateY(-2px);box-shadow:0 4px 8px #0096884d}.send-email{color:#212121;background:linear-gradient(90deg,#f9a825,#ffb300)}.send-email:hover{background:linear-gradient(90deg,#f57f17,#f9a825);transform:translateY(-2px);box-shadow:0 4px 8px #ffb3004d}td button{margin-right:5px}.send-bank:active,.send-email:active{box-shadow:none;transform:scale(.97)}.title-section{flex-direction:row;align-items:flex-start;gap:10px;display:flex}.title-section h2{color:#1e1e1e;margin:0;font-size:22px;font-weight:500}.total-info{color:#555;background:#eef5ff;border-radius:6px;margin-top:5px;padding:6px 10px;font-size:14px;font-weight:500;box-shadow:0 1px 3px #00000014}.total-info strong{color:#1976d2}.payroll-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px;display:flex}.table-wrapper{border-radius:8px;width:100%;max-height:450px;overflow:auto;box-shadow:0 1px 3px #0000001a}.table-wrapper::-webkit-scrollbar{width:8px;height:8px}.table-wrapper::-webkit-scrollbar-thumb{background:#b0bec5;border-radius:4px}.table-wrapper::-webkit-scrollbar-thumb:hover{background:#90a4ae}.table-wrapper::-webkit-scrollbar-track{background:#f5f5f5;border-radius:4px}.add-btn{color:#fff;cursor:pointer;background:#2196f3;border:none;border-radius:6px;padding:8px 14px;font-weight:600;transition:all .2s}.add-btn:hover{background:#1976d2}.modal-content{color:#333;background:#fff;border-radius:10px;max-width:400px;margin:auto;padding:20px;box-shadow:0 4px 10px #0003}.btn-export{color:#fff;cursor:pointer;background-color:#2ecc71;border:none;border-radius:6px;padding:8px 12px;font-weight:500}.btn-export:hover{background-color:#27ae60}.payroll-table-staff thead th{font-weight:600;color:#333!important;background-color:#f5f5f5!important}.payroll-table-staff{border-collapse:collapse;background:#fff;border-radius:10px;width:100%;overflow:hidden;box-shadow:0 1px 4px #00000014}.payroll-table-staff thead th{border-bottom:1px solid #e0e0e0;padding:12px 10px;font-size:13px;font-weight:600;color:#333!important;background:#f5f5f5!important}.payroll-table-staff tbody td{color:#333;border-bottom:1px solid #f1f1f1;padding:10px 12px;font-size:12px}.payroll-table-staff tbody tr:hover{background:#fafafa}.payroll-table-staff tbody td b{color:#1976d2;font-weight:600}.modal-content{background:#fff;border:1px solid #e8e8e8;border-radius:12px;width:430px;padding:22px 26px;animation:.25s fadeIn;box-shadow:0 6px 18px #00000026}.modal-content h3{color:#333;border:1px solid #e0e0e0;border-radius:8px;margin:0 0 15px;padding:12px 14px;font-size:16px;background:#f5f5f5!important}.modal-content p{margin:3px 0;font-size:13px}.modal-actions{justify-content:space-between;margin-top:12px;display:flex}.modal-actions button{cursor:pointer;border:none;border-radius:8px;flex:1;margin:0 4px;padding:9px;font-weight:600;transition:all .2s}.modal-actions button:first-child{color:#333;background:#e0e0e0}.modal-actions .btn-export{color:#fff;background:#2ecc71}.modal-actions .btn-export:hover{background:#27ae60}.prf-shell{background:var(--bg-page);box-sizing:border-box;justify-content:center;align-items:flex-start;min-height:100%;padding:40px 20px;font-family:DM Sans,sans-serif;display:flex}.prf-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:20px;flex-direction:column;align-items:center;gap:0;width:min(400px,100%);padding:32px 28px 28px;animation:.28s cubic-bezier(.16,1,.3,1) prf-enter;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000002e}@keyframes prf-enter{0%{opacity:0;transform:translateY(14px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.prf-card-accent{background:var(--brand-grad,linear-gradient(90deg, #9945ff, #14f195));opacity:.85;height:2px;position:absolute;top:0;left:0;right:0}.prf-card:after{content:"";background:radial-gradient(circle, var(--orb-purple,#9945ff2e) 0%, transparent 70%);pointer-events:none;z-index:0;border-radius:50%;width:220px;height:220px;position:absolute;top:-60px;left:50%;transform:translate(-50%)}.prf-avatar-wrap{z-index:1;margin-top:8px;margin-bottom:20px;position:relative}.prf-avatar-ring{background:var(--brand-grad,linear-gradient(135deg, #9945ff, #14f195));opacity:.35;z-index:-1;border-radius:50%;animation:3s ease-in-out infinite prf-ring-pulse;position:absolute;inset:-4px}@keyframes prf-ring-pulse{0%,to{opacity:.28;transform:scale(1)}50%{opacity:.5;transform:scale(1.05)}}.prf-info{z-index:1;flex-direction:column;align-items:center;gap:10px;width:100%;display:flex}.prf-name{letter-spacing:-.4px;color:var(--text-primary);text-align:center;margin:0;font-size:20px;font-weight:800}.prf-meta{flex-direction:column;align-items:center;gap:6px;display:flex}.prf-meta-row{align-items:center;gap:6px;display:flex}.prf-meta-icon{color:var(--text-muted);flex-shrink:0;align-items:center;display:flex}.prf-meta-text{color:var(--text-secondary);font-size:13px;font-weight:500}.prf-role-badge{letter-spacing:.4px;text-transform:uppercase;border:1px solid #0000;border-radius:6px;align-items:center;height:22px;padding:0 10px;font-size:11px;font-weight:700;display:inline-flex}.prf-role-badge--admin,.prf-role-badge--head{color:var(--brand-purple,#9945ff);background:#9945ff1f;border-color:#9945ff40}.prf-role-badge--staff,.prf-role-badge--employee{color:#0d9965;background:#14f1951a;border-color:#14f19538}[data-theme=dark] .prf-role-badge--staff,[data-theme=dark] .prf-role-badge--employee{color:#14f195}.prf-role-badge{background:var(--badge-bg);border-color:var(--badge-border);color:var(--text-muted)}.prf-divider{background:var(--border-default);z-index:1;width:100%;height:1px;margin:24px 0 20px}.prf-actions{z-index:1;flex-direction:column;gap:10px;width:100%;display:flex}.prf-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:999px;justify-content:center;align-items:center;gap:8px;width:100%;height:42px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:700;transition:opacity .15s,transform .12s,box-shadow .15s;display:inline-flex;position:relative;overflow:hidden}.prf-btn:after{content:"";background:linear-gradient(105deg,#0000 30%,#ffffff2e 50%,#0000 70%);transition:transform .45s;position:absolute;inset:0;transform:translate(-100%)}.prf-btn:hover:after{transform:translate(100%)}.prf-btn:hover{opacity:.88;transform:translateY(-1px)}.prf-btn:active{transform:translateY(0)}.prf-btn--primary{background:var(--brand-grad,linear-gradient(90deg, #9945ff, #14f195));color:var(--btn-grad-text,#000);box-shadow:0 0 16px var(--orb-purple,#9945ff38)}.prf-btn--primary:hover{box-shadow:0 0 24px var(--orb-purple,#9945ff59)}.prf-modal-form{flex-direction:column;gap:14px;display:flex}.prf-input-wrap{align-items:center;display:flex;position:relative}.prf-input-wrap .m-input{padding-right:40px}.prf-eye-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;align-items:center;padding:0;transition:color .15s;display:flex;position:absolute;right:12px}.prf-eye-btn:hover{color:var(--text-primary)}.prf-pw-hint{color:var(--text-muted);margin:-4px 0 0;font-size:11.5px;line-height:1.5}@media (width<=480px){.prf-shell{padding:24px 16px}.prf-card{padding:24px 20px 22px}.prf-name{font-size:18px}}.performance-container-user{flex-direction:column;flex:1;width:100%;min-height:0;display:flex}.pm-content-user{flex:1;width:100%;min-height:0;overflow-y:auto}.dtc-card{border:1px solid var(--border-default);background:var(--bg-surface);border-radius:16px;transition:background .3s,border-color .3s;position:relative;overflow:hidden}.dtc-card:before{content:"";background:var(--brand-grad,linear-gradient(90deg, #9945ff, #14f195));opacity:.75;pointer-events:none;z-index:1;height:2px;position:absolute;top:0;left:0;right:0}.dtc-head{border-bottom:1px solid var(--border-default);background:var(--bg-surface-2);justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}.dtc-head-info{flex-direction:column;gap:2px;display:flex}.dtc-title{letter-spacing:-.2px;color:var(--text-primary);margin:0;font-family:DM Sans,sans-serif;font-size:14px;font-weight:700}.dtc-sub{color:var(--text-muted);margin:0;font-family:DM Sans,sans-serif;font-size:12px}.dtc-head-actions{align-items:center;gap:8px;display:flex}.dtc-tree{opacity:1;flex-direction:column;align-items:center;gap:0;max-height:1200px;padding:20px;transition:max-height .3s,opacity .3s,padding .3s;display:flex;overflow:hidden}.dtc-tree--collapsed{opacity:0;max-height:0;padding-top:0;padding-bottom:0}.dtc-connector{background:var(--border-hover);opacity:.55;border-radius:999px;flex-shrink:0;width:2px;height:22px;margin:0 auto}.dtc-rank-tier{flex-direction:column;align-items:center;width:100%;display:flex}.dtc-rank-label{color:var(--text-muted);letter-spacing:.45px;text-transform:uppercase;align-items:center;gap:6px;margin-bottom:8px;font-family:DM Sans,sans-serif;font-size:10px;font-weight:700;display:flex}.dtc-rank-label-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.dtc-h-line-wrap{justify-content:center;width:70%;margin-bottom:6px;display:flex}.dtc-h-line{background:var(--border-hover);opacity:.45;border-radius:999px;width:100%;height:2px}.dtc-staff-row{flex-wrap:wrap;justify-content:center;gap:8px;width:100%;display:flex}.dtc-node{border:1px solid var(--border-default);border-top:2px solid var(--rank-color,var(--border-default));background:var(--bg-page);cursor:pointer;text-align:left;border-radius:12px;flex-direction:column;gap:5px;min-width:130px;padding:10px 14px;font-family:DM Sans,sans-serif;transition:border-color .15s,box-shadow .15s,background .15s,transform .15s;display:flex}.dtc-node:hover{border-color:var(--rank-color,var(--border-hover));transform:translateY(-2px);box-shadow:0 6px 16px #0000001a}.dtc-node--active{border-color:var(--rank-color,var(--brand-purple,#9945ff));box-shadow:0 0 0 3px color-mix(in srgb, var(--rank-color,#9945ff) 15%, transparent);background:var(--bg-surface-2)}.dtc-node--head{border-top:2px solid var(--brand-purple,#9945ff);min-width:168px}.dtc-node-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.dtc-node-name{color:var(--text-primary);letter-spacing:-.1px;font-size:13px;font-weight:700}.dtc-node-role{color:var(--text-muted);font-size:11.5px;font-weight:500}.dtc-badge{letter-spacing:.4px;text-transform:uppercase;white-space:nowrap;border-radius:6px;flex-shrink:0;align-items:center;height:20px;padding:0 8px;font-family:DM Sans,sans-serif;font-size:10px;font-weight:700;display:inline-flex}.dtc-badge--head{color:var(--brand-purple,#9945ff);background:#9945ff1a;border:1px solid #9945ff40}.dtc-rank-pill{letter-spacing:.2px;white-space:nowrap;border:1px solid #0000;border-radius:5px;flex-shrink:0;align-items:center;height:18px;padding:0 7px;font-family:DM Sans,sans-serif;font-size:10px;font-weight:800;display:inline-flex}@media (width<=640px){.dtc-staff-row{gap:6px}.dtc-node{min-width:110px;padding:9px 11px}.dtc-node--head{min-width:140px}.dtc-h-line-wrap{width:90%}}.dtk-title{letter-spacing:.2px;color:var(--text-primary);margin:0;font-size:17px;font-weight:900}.dtk-sub{color:var(--text-secondary);margin:5px 0 0;font-size:12px}.dtk-col-title{text-transform:uppercase;letter-spacing:.5px;color:var(--text-primary);margin:0;padding-left:10px;font-size:12px;font-weight:900}.dtk-card-name{color:var(--text-primary);margin:0 0 6px;font-size:13.5px;font-weight:900;line-height:1.25}.dtk-card-desc{color:var(--text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0 0 10px;font-size:12.5px;line-height:1.45;display:-webkit-box;overflow:hidden}.dtk-card-meta{color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;gap:6px;font-size:11.5px;display:flex}.dtk-saving-pill{color:var(--brand-purple);background:#9945ff1a;border:1px solid #9945ff38;border-radius:999px;align-items:center;margin-top:8px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.dtk-progress-head{color:var(--text-muted);justify-content:space-between;margin-bottom:5px;font-size:11.5px;display:flex}@media (width<=1080px){.dtk-topbar{flex-direction:column;align-items:stretch}.dtk-actions{justify-content:flex-start}.dtk-search{width:100%;min-width:0}.dtk-board{grid-auto-columns:minmax(240px,1fr)}}@media (width<=520px){.dtk-board{scroll-snap-type:none;grid-auto-columns:1fr;grid-auto-flow:row;overflow-x:visible}.dtk-col-body{max-height:none}}.sk-input,.sk-btn{border-radius:999px;height:40px}.puds-tree{border-radius:var(--radius-lg);border:1px solid var(--border-default);background:var(--bg-surface);overflow:hidden;box-shadow:0 2px 12px #0000000f}.puds-tree-head{border-bottom:1px solid var(--border-default);background:var(--bg-surface-2);justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.puds-tree-body{flex-direction:column;align-items:center;padding:20px;display:flex}.puds-connector{background:var(--border-default);border-radius:999px;flex-shrink:0;width:2px;height:28px}.puds-staff-row{flex-wrap:wrap;justify-content:center;gap:10px;width:100%;display:flex}.puds-node{border-radius:var(--radius-md);background:var(--bg-surface);min-width:140px;padding:12px 16px}.puds-node--head{min-width:180px}.puds-node-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.puds-topbar{border-radius:var(--radius-lg);border:1px solid var(--border-default);background:var(--bg-surface);justify-content:space-between;align-items:center;gap:14px;margin-top:14px;padding:14px 20px;display:flex;box-shadow:0 2px 12px #0000000f}.puds-topbar-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.puds-board{grid-auto-columns:minmax(200px,320px);grid-auto-flow:column;align-items:start;gap:14px;margin-top:14px;padding-bottom:10px;display:grid;overflow-x:auto}.puds-col{border-radius:var(--radius-lg);border:1px solid var(--border-default);background:var(--bg-surface);pointer-events:none;overflow:hidden}.puds-col-head{border-bottom:1px solid var(--border-default);background:var(--bg-surface-2);justify-content:space-between;align-items:center;gap:10px;padding:14px 14px 12px;display:flex}.puds-col-body{flex-direction:column;gap:10px;padding:12px;display:flex}.puds-card{border-radius:var(--radius-md);background:var(--bg-surface);pointer-events:none;padding:12px 12px 12px 18px}.puds-card-meta{justify-content:space-between;gap:10px;margin-top:10px;display:flex}.puds-progress{margin-top:10px}.puds-progress-top{justify-content:space-between;gap:10px;margin-bottom:6px;display:flex}@media (width<=1080px){.puds-topbar{flex-direction:column;align-items:stretch}.puds-topbar-actions{justify-content:flex-start}.puds-board{grid-auto-columns:minmax(240px,1fr)}}@media (width<=520px){.puds-board{grid-auto-columns:1fr;grid-auto-flow:row;overflow-x:visible}}.pud-wrap{background:var(--bg-page);color:var(--text-primary);box-sizing:border-box;flex-direction:column;gap:14px;min-height:100%;padding:20px;font-family:DM Sans,sans-serif;display:flex}.pud-error{color:var(--danger);padding:24px;font-family:DM Sans,sans-serif;font-size:14px}.pud-mini-btn{border:1px solid var(--border-default);background:var(--bg-input);height:32px;color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-family:DM Sans,sans-serif;font-size:12.5px;font-weight:600;transition:border-color .15s,box-shadow .15s,color .15s,background .15s;display:inline-flex}.pud-mini-btn:hover{border-color:var(--border-hover);color:var(--text-primary);box-shadow:0 0 0 3px var(--focus-ring)}.pud-action-btn{background:var(--brand-grad,linear-gradient(90deg, #9945ff, #14f195));color:#000;cursor:pointer;white-space:nowrap;border:none;border-radius:999px;align-items:center;gap:7px;height:38px;padding:0 18px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:700;transition:opacity .15s,transform .15s,box-shadow .15s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 0 14px #9945ff47}.pud-action-btn:after{content:"";background:linear-gradient(105deg,#0000 30%,#fff3 50%,#0000 70%);transition:transform .45s;position:absolute;inset:0;transform:translate(-100%)}.pud-action-btn:hover:after{transform:translate(100%)}.pud-action-btn:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 0 22px #9945ff66}.pud-action-btn:active{transform:translateY(0)}.pud-empty{border:1px dashed var(--border-default);color:var(--text-muted);text-align:center;background:var(--bg-input);border-radius:12px;padding:14px;font-family:DM Sans,sans-serif;font-size:13px}@media (width<=600px){.pud-wrap{gap:10px;padding:12px}}.course-container{color:#222;min-height:100vh;font-family:Poppins,sans-serif}.course-header-user{flex-direction:column;gap:8px;margin-bottom:40px;display:flex}.course-header-user h2{color:#202265;letter-spacing:.5px;font-size:2rem;font-weight:700}.course-header-user p{color:#666;font-size:1rem;font-weight:400}.promotion-progress{background:#fff;border-left:5px solid #2b2b6b;border-radius:14px;margin-bottom:40px;padding:25px 30px;box-shadow:0 6px 20px #0000000d}.promotion-progress p{color:#333;margin:6px 0;font-size:.95rem}.progress-bar{background:#e8ebf7;border-radius:8px;width:100%;height:12px;margin-top:10px;margin-bottom:10px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#2b2b6b,#4043b8);border-radius:8px;height:100%;transition:width 1s}.progress-info{color:#666;font-size:.9rem;font-style:italic}.recommended-section-user{margin-top:20px}.completed-section h3,.recommended-section-user h3{color:#202265;margin-bottom:20px;font-size:1.4rem;font-weight:600;position:relative}.completed-section h3:after,.recommended-section-user h3:after{content:"";background:#2b2b6b;border-radius:10px;width:50px;height:3px;margin-top:6px;display:block}.course-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:25px;display:grid}.course-card{background:#fff;border-radius:16px;padding:24px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 8px 25px #0000000d}.course-card:before{content:"";background:linear-gradient(90deg,#2b2b6b,#4043b8);width:0%;height:5px;transition:width .4s;position:absolute;top:0;left:0}.course-card:hover:before{width:100%}.course-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #2b2b6b1a}.course-card.completed{background:#f8fff8;border-left:5px solid #4caf50}.course-card h4{color:#2b2b6b;margin-bottom:6px;font-size:1.1rem;font-weight:600}.course-card .category{color:#777;margin-bottom:6px;font-size:.9rem}.course-card .date{color:#444;margin-bottom:10px;font-size:.9rem}.course-card p{margin:2px 0}.enroll-btn,.certificate-btn{cursor:pointer;border:none;border-radius:10px;padding:9px 14px;font-size:.92rem;font-weight:500;transition:all .3s}.enroll-btn{color:#fff;background:linear-gradient(90deg,#2b2b6b,#4043b8)}.enroll-btn:hover{background:linear-gradient(90deg,#3134ae,#5658e5)}.certificate-btn{color:#fff;background:linear-gradient(90deg,#4caf50,#66bb6a)}.certificate-btn:hover{background:linear-gradient(90deg,#3fa243,#5fc060)}.no-data{color:#777;text-align:center;margin-top:15px;font-style:italic}.modal-overlay{z-index:1000;background:#00000073;justify-content:center;align-items:center;animation:.4s fadeIn;display:flex;position:fixed;inset:0}.modal-course{background:#fff;border-radius:14px;width:90%;max-width:640px;padding:35px;animation:.4s slideUp;position:relative;box-shadow:0 8px 25px #00000026}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-course h2{color:#2b2b6b;font-weight:600}.modal-course h4{color:#4043b8;margin-top:15px;font-weight:600}.modal-actions{justify-content:flex-end;gap:12px;margin-top:25px;display:flex}.modal-actions button{cursor:pointer;border:none;border-radius:8px;padding:10px 16px;font-weight:500}.modal-actions .complete-btn{color:#fff;background:#4caf50}.modal-actions .complete-btn:hover{background:#3d9441}.modal-actions button:first-child{background:#eee}.modal-actions button:first-child:hover{background:#ddd}@media (width<=768px){.course-container{padding:20px}.course-header-user h2{font-size:1.5rem}.course-card{padding:18px}}.join-btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#2b2b6b,#4043b8);border:none;border-radius:8px;padding:10px 18px;font-size:.95rem;font-weight:500;transition:all .3s}.join-btn:hover{background:linear-gradient(90deg,#3538a0,#5658e5);transform:translateY(-1px)}.att-shell{background:var(--bg-page);min-height:100%;color:var(--text-primary);box-sizing:border-box;flex-direction:column;gap:12px;padding:20px;font-family:DM Sans,sans-serif;display:flex}.att-guard{color:var(--text-muted);text-align:center;padding:40px;font-family:DM Sans,sans-serif}.att-banner{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;display:flex;position:relative;overflow:hidden}.att-banner:before{content:"";background:var(--brand-grad);opacity:.8;height:2px;position:absolute;top:0;left:0;right:0}.att-banner-left{flex-direction:column;gap:3px;display:flex}.att-title{letter-spacing:-.3px;color:var(--text-primary);margin:0;font-size:17px;font-weight:800}.att-subtitle{color:var(--text-muted);text-transform:capitalize;margin:0;font-size:12.5px}.att-actions{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;gap:10px;display:flex}.att-btn-inner{align-items:center;gap:7px;font-weight:700;display:inline-flex}.att-btn-checkin,.att-btn-checkout{font-family:DM Sans,sans-serif!important;font-weight:700!important;position:relative!important;overflow:hidden!important}.att-btn-checkin:after,.att-btn-checkout:after{content:"";background:linear-gradient(105deg,#0000 30%,#ffffff2e 50%,#0000 70%);transition:transform .45s;position:absolute;inset:0;transform:translate(-100%)}.att-btn-checkin:hover:after,.att-btn-checkout:hover:after{transform:translate(100%)}.att-btn-checkin{background:var(--brand-grad)!important;color:var(--btn-grad-text)!important;box-shadow:0 0 18px var(--orb-purple)!important;border:none!important}.att-btn-checkin:hover{opacity:.9!important;box-shadow:0 0 26px var(--orb-purple)!important;transform:translateY(-1px)!important}.att-btn-checkout{color:var(--btn-grad-text)!important;background:linear-gradient(90deg,#9945ff,#ff6b6b)!important;border:none!important;box-shadow:0 0 18px #ff6b6b47!important}.att-btn-checkout:hover{opacity:.9!important;transform:translateY(-1px)!important;box-shadow:0 0 26px #ff6b6b66!important}.att-panel{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);flex-direction:column;gap:14px;padding:16px 18px;display:flex}.att-panel-head{justify-content:space-between;align-items:center;display:flex}.att-panel-title{color:var(--text-primary);align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.att-panel-sub{color:var(--text-muted);font-size:12px}.att-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.att-dot--blue{background:var(--brand-purple);box-shadow:0 0 0 3px var(--focus-glow)}.att-filter-bar{gap:0;padding:12px 18px}.att-filter-row{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.att-filter-group{flex-direction:column;flex:1;gap:5px;min-width:120px;display:flex}.att-filter-group--clear{flex:none;align-self:flex-end}.att-filter-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.att-input{border-radius:var(--radius-sm);border:1px solid var(--border-input);background:var(--bg-input);width:100%;height:38px;color:var(--text-primary);box-sizing:border-box;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;outline:none;padding:0 12px;font-family:DM Sans,sans-serif;font-size:13px}[data-theme=light] .att-input{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.att-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--focus-ring);background:var(--bg-input-focus)}.att-input[type=date]::-webkit-calendar-picker-indicator{opacity:.5;cursor:pointer;filter:invert()}[data-theme=light] .att-input[type=date]::-webkit-calendar-picker-indicator{filter:invert(0)}.att-reset-btn{border-radius:var(--radius-sm);border:1px solid var(--border-default);background:var(--bg-input);height:38px;color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:border-color var(--transition-fast), color var(--transition-fast);align-items:center;gap:6px;padding:0 14px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;display:inline-flex}.att-reset-btn:hover{border-color:var(--border-hover);color:var(--text-primary)}.att-table-wrap{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent;max-height:52vh;overflow:auto}.att-table-wrap::-webkit-scrollbar{width:3px;height:3px}.att-table-wrap::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:99px}.att-table{border-collapse:collapse;width:100%;min-width:680px}.att-th{z-index:2;border-bottom:1.5px solid var(--border-default);letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;padding:10px 12px;font-size:10.5px;font-weight:700;position:sticky;top:0;background:var(--bg-surface)!important;color:var(--text-muted)!important;text-align:center!important}.att-table tbody td{border-bottom:1px solid var(--border-default);color:var(--text-primary);vertical-align:middle;text-align:center;padding:10px 12px;font-size:13px}.att-row{cursor:pointer;transition:background var(--transition-fast)}.att-row:hover{background:var(--table-row-hover)}.att-date-cell{flex-direction:column;align-items:center;gap:2px;display:flex}.att-date-main{color:var(--text-primary);white-space:nowrap;font-size:12px;font-weight:700}.att-date-sub{color:var(--text-muted);white-space:nowrap;font-size:11px}.att-time-cell{flex-direction:column;align-items:center;gap:3px;display:flex}.att-time-badge{background:var(--badge-bg);border:1px solid var(--badge-border);color:var(--text-muted);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:3px 9px;font-size:11.5px;font-weight:700;display:inline-flex}.att-time-badge--in{color:#0d9965;background:#14f1951a;border-color:#14f19538}.att-time-badge--out{color:var(--danger);background:#ff6b6b1a;border-color:#ff6b6b38}.att-loc-text{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;max-width:130px;font-size:10.5px;overflow:hidden}.att-status-badge{letter-spacing:.1px;white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.badge-present{color:#0d9965;background:#14f1951a;border-color:#14f19538}.badge-late{color:#a07800;background:#ffc8001a;border-color:#ffc80038}.badge-izin{color:var(--brand-purple);background:#9945ff1a;border-color:#9945ff38}.badge-sakit{color:var(--brand-cyan);background:#00c2ff1a;border-color:#00c2ff38}.badge-absent{color:var(--danger);background:#ff6b6b1a;border-color:#ff6b6b38}.badge-default{background:var(--badge-bg);border-color:var(--badge-border);color:var(--text-muted)}[data-theme=light] .badge-late{color:#92400e}[data-theme=light] .badge-izin{color:#5b21b6}[data-theme=light] .badge-sakit{color:#0369a1}.att-thumb{object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--border-default);background:var(--bg-input);cursor:pointer;width:40px;height:40px;transition:transform var(--transition-fast);margin:0 auto;display:block}.att-thumb:hover{transform:scale(1.08)}.att-no-photo{color:var(--text-muted);font-size:13px}.att-note-cell{color:var(--text-muted);white-space:normal;word-break:break-word;max-width:150px;font-size:12px;line-height:1.4}.att-empty{text-align:center;color:var(--text-muted);padding:36px;font-size:13px}.att-empty--error{color:var(--danger)}.att-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:4px 0 8px;display:flex}.att-page-nav{border:1px solid var(--border-default);background:var(--bg-surface);height:36px;color:var(--text-secondary);cursor:pointer;transition:border-color var(--transition-fast), color var(--transition-fast);border-radius:999px;align-items:center;gap:5px;padding:0 14px;font-family:DM Sans,sans-serif;font-size:12.5px;font-weight:600;display:inline-flex}.att-page-nav:hover:not(:disabled){border-color:var(--border-focus);color:var(--brand-purple)}.att-page-nav:disabled{opacity:.4;cursor:not-allowed}.att-page-pills{gap:4px;display:flex}.att-page-pill{border:1px solid var(--border-default);background:var(--bg-surface);width:32px;height:32px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);border-radius:9px;justify-content:center;align-items:center;font-family:DM Sans,sans-serif;font-size:12.5px;font-weight:700;display:flex}.att-page-pill:hover:not(:disabled):not(.active){border-color:var(--border-focus);color:var(--brand-purple)}.att-page-pill.active{background:var(--brand-grad);color:var(--btn-grad-text);border-color:#0000}.att-page-pill:disabled{opacity:.4;cursor:not-allowed}@keyframes att-shimmer{0%,to{opacity:.35}50%{opacity:.8}}.att-skel-bar{background:var(--sidebar-item-hover);border-radius:5px;animation:1.5s infinite att-shimmer;display:block}.att-skel-pill{border-radius:999px}.att-skel-avatar{border-radius:var(--radius-sm);width:40px;height:40px}.att-skel-stack{flex-direction:column;align-items:center;gap:5px;display:flex}.att-skel-row td{border-bottom:1px solid var(--border-default);padding:11px 12px}.att-overlay{-webkit-backdrop-filter:blur(4px);z-index:200;background:#0000008c;justify-content:center;align-items:center;padding:16px;animation:.18s att-fadeIn;display:flex;position:fixed;inset:0}@keyframes att-fadeIn{0%{opacity:0}to{opacity:1}}.att-camera-box{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);width:min(420px,100%);animation:.22s cubic-bezier(.16,1,.3,1) att-slideUp;position:relative;overflow:hidden;box-shadow:0 24px 64px #00000047}.att-camera-box:before{content:"";background:var(--brand-grad);opacity:.85;z-index:5;height:2px;position:absolute;top:0;left:0;right:0}@keyframes att-slideUp{0%{opacity:0;transform:translateY(16px)scale(.975)}to{opacity:1;transform:translateY(0)scale(1)}}.att-camera-head{border-bottom:1px solid var(--border-default);justify-content:space-between;align-items:center;padding:14px 16px 12px;display:flex}.att-camera-title-wrap{align-items:center;gap:8px;display:flex}.att-camera-icon-wrap{border-radius:var(--radius-sm);background:var(--card-glow);border:1px solid var(--border-default);width:28px;height:28px;color:var(--brand-purple);flex-shrink:0;justify-content:center;align-items:center;display:flex}.att-camera-title{letter-spacing:-.1px;color:var(--text-primary);font-size:13.5px;font-weight:700}.att-camera-step{color:var(--text-muted);background:var(--bg-input);border:1px solid var(--border-default);letter-spacing:.2px;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.att-modal-close{border-radius:var(--radius-sm);border:1px solid var(--border-default);background:var(--bg-input);width:28px;height:28px;color:var(--text-muted);cursor:pointer;transition:border-color var(--transition-fast), color var(--transition-fast), background var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.att-modal-close:hover{background:var(--danger-bg);border-color:var(--danger-border);color:var(--danger)}.att-camera-preview{aspect-ratio:4/3;background:#000;width:100%;position:relative;overflow:hidden}.att-camera-preview video,.att-captured-img{object-fit:cover;width:100%;height:100%;display:block}.att-camera-preview:after{content:"";pointer-events:none;z-index:1;background:radial-gradient(#0000 52%,#0006 100%);position:absolute;inset:0}.att-location-overlay{z-index:2;background:var(--bg-overlay);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border-default);border-radius:var(--radius-sm);flex-direction:column;gap:5px;padding:9px 12px;display:flex;position:absolute;bottom:10px;left:10px;right:10px}.att-loc-row{align-items:flex-start;gap:7px;display:flex}.att-loc-icon{color:var(--text-muted);flex-shrink:0;margin-top:1px}.att-loc-main{color:var(--text-primary);font-size:12px;font-weight:700;line-height:1.3}.att-coord-text{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:11px}.att-captured-badge{z-index:3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#0d9965;white-space:nowrap;background:#14f1952e;border:1px solid #14f1954d;border-radius:999px;align-items:center;gap:5px;padding:5px 13px 5px 9px;font-size:11.5px;font-weight:700;animation:.22s cubic-bezier(.34,1.56,.64,1) badge-pop;display:flex;position:absolute;top:11px;left:50%;transform:translate(-50%)}[data-theme=dark] .att-captured-badge{color:var(--brand-green);background:#14f1951f}@keyframes badge-pop{0%{opacity:0;transform:translate(-50%)scale(.82)}to{opacity:1;transform:translate(-50%)scale(1)}}.att-camera-actions{flex-direction:column;gap:8px;padding:12px 16px 16px;display:flex}.att-cam-btn{border-radius:var(--radius-sm);cursor:pointer;width:100%;height:42px;transition:opacity var(--transition-fast), transform var(--transition-fast);border:none;justify-content:center;align-items:center;gap:7px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:700;display:inline-flex;position:relative;overflow:hidden}.att-cam-btn:after{content:"";background:linear-gradient(105deg,#0000 30%,#ffffff2e 50%,#0000 70%);transition:transform .45s;position:absolute;inset:0;transform:translate(-100%)}.att-cam-btn:hover:not(:disabled):not(.att-cam-btn--disabled):after{transform:translate(100%)}.att-cam-btn:hover:not(:disabled):not(.att-cam-btn--disabled){opacity:.9;transform:translateY(-1px)}.att-cam-btn:disabled,.att-cam-btn--disabled{opacity:.45;cursor:not-allowed;transform:none!important}.att-cam-btn--primary{background:var(--brand-grad);color:var(--btn-grad-text);box-shadow:0 0 18px var(--orb-purple)}.att-cam-btn--confirm{background:var(--brand-grad);color:var(--btn-grad-text);box-shadow:0 0 18px var(--orb-purple);flex:1}.att-cam-btn--ghost{background:var(--bg-input);border:1px solid var(--border-default);color:var(--text-secondary);flex:1}.att-cam-btn--ghost:hover:not(:disabled){border-color:var(--border-hover);color:var(--text-primary)}.att-cam-btn--loading{opacity:.65;cursor:not-allowed}.att-cam-btn-row{gap:8px;display:flex}.att-camera-hint{color:var(--text-muted);text-align:center;margin:0;font-size:11.5px;line-height:1.45}.att-cam-spinner{border:2px solid #0003;border-top-color:var(--btn-grad-text);border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.7s linear infinite att-spin}.att-cam-spinner--dark{border-color:var(--border-default);border-top-color:var(--text-primary)}@keyframes att-spin{to{transform:rotate(360deg)}}.att-detail-box{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent;width:min(480px,96vw);max-height:min(88vh,780px);padding:20px;animation:.22s cubic-bezier(.16,1,.3,1) att-slideUp;position:relative;overflow-y:auto;box-shadow:0 24px 64px #00000047}.att-detail-box:before{content:"";background:var(--brand-grad);border-radius:var(--radius-xl) var(--radius-xl) 0 0;opacity:.8;height:2px;position:absolute;top:0;left:0;right:0}.att-detail-box::-webkit-scrollbar{width:3px}.att-detail-box::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:99px}.att-detail-head{border-bottom:1px solid var(--border-default);background:var(--bg-surface);z-index:2;justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:12px;display:flex;position:sticky;top:-20px}.att-detail-head h3{color:var(--text-primary);letter-spacing:-.2px;margin:0;font-size:15px;font-weight:800}.att-detail-meta{background:var(--bg-surface-2);border-radius:var(--radius-md);border:1px solid var(--border-default);grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px;padding:12px 14px;display:grid}.att-detail-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px;margin-bottom:4px;font-size:10.5px;font-weight:700}.att-detail-value{color:var(--text-primary);font-size:13px;font-weight:700;line-height:1.35}.att-detail-cols{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px;display:grid}.att-detail-card{border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-surface-2);flex-direction:column;gap:10px;padding:12px;display:flex}.card--in{border-top:2.5px solid #14f19566}.card--out{border-top:2.5px solid #ff6b6b66}.att-card-header{color:var(--text-primary);align-items:center;gap:6px;font-size:12.5px;font-weight:700;display:flex}.att-card-meta{flex-direction:column;gap:8px;display:flex}.att-card-loc .att-detail-value{word-break:break-word;font-size:11.5px;font-weight:500}.att-detail-photo{border-radius:var(--radius-sm);border:1px solid var(--border-default);background:var(--bg-input);flex:1;justify-content:center;align-items:center;min-height:70px;display:flex;overflow:hidden}.att-detail-photo img{width:100%;height:auto;display:block}.att-no-photo-block{color:var(--text-muted);padding:14px;font-size:12px}.att-reason-section{flex-direction:column;gap:6px;display:flex}.att-note-counter{color:var(--text-muted);justify-content:flex-end;font-size:11px;display:flex}.att-note-counter--warn{color:#f59e0b;font-weight:600}.att-note-counter--over{color:var(--danger);font-weight:700}.att-textarea{box-sizing:border-box;resize:vertical;border-radius:var(--radius-sm);border:1px solid var(--border-input);background:var(--bg-input);width:100%;color:var(--text-primary);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;min-height:80px;padding:10px 12px;font-family:DM Sans,sans-serif;font-size:13px}.att-textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--focus-ring);background:var(--bg-input-focus)}.att-textarea:disabled{opacity:.55}.att-save-btn{border-radius:var(--radius-sm);background:var(--brand-grad);width:100%;height:42px;color:var(--btn-grad-text);cursor:pointer;box-shadow:0 0 18px var(--orb-purple);transition:opacity var(--transition-fast), transform var(--transition-fast);border:none;justify-content:center;align-items:center;gap:7px;margin-top:4px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:700;display:inline-flex;position:relative;overflow:hidden}.att-save-btn:after{content:"";background:linear-gradient(105deg,#0000 30%,#ffffff2e 50%,#0000 70%);transition:transform .45s;position:absolute;inset:0;transform:translate(-100%)}.att-save-btn:hover:not(:disabled):after{transform:translate(100%)}.att-save-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.att-save-btn:disabled,.att-save-btn--loading{opacity:.55;cursor:not-allowed;transform:none}@media (width<=640px){.att-shell{gap:10px;padding:12px}.att-banner{flex-direction:column;align-items:flex-start;padding:14px 16px}.att-title{font-size:15px}.att-actions{grid-template-columns:1fr 1fr;width:100%;display:grid}.att-actions>*{width:100%!important;min-width:0!important}.att-filter-group{flex:calc(50% - 5px);min-width:0}.att-filter-group--clear{flex:100%}.att-panel{padding:12px 14px}.att-filter-bar{padding:10px 14px}.att-cam-btn-row{flex-direction:column}}@media (width<=520px){.att-detail-meta{grid-template-columns:1fr 1fr}.att-detail-cols{grid-template-columns:1fr}}@media (width<=380px){.att-detail-meta{grid-template-columns:1fr}.att-filter-group{flex:100%}}.hv-pagination{justify-content:center;align-items:center;gap:6px;display:flex}.hv-page-btn{border:1px solid var(--border-default);background:var(--bg-input);width:30px;height:30px;color:var(--text-secondary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:background .15s,border-color .15s,color .15s;display:flex}.hv-page-btn:hover:not(:disabled){border-color:var(--brand-purple,#9945ff);color:var(--brand-purple,#9945ff);background:var(--sidebar-item-active)}.hv-page-btn:disabled{opacity:.35;cursor:not-allowed}.hv-page-info{color:var(--text-primary);font-size:13px;font-weight:600}.hv-modal-body{flex-direction:column;flex:1;gap:12px;padding:18px 22px;display:flex}@media (width<=768px){.hv-wrap{gap:10px;padding:12px}.hv-header{padding:14px 16px}.hv-detail-row{grid-template-columns:1fr;gap:4px}.hv-modal-foot{flex-direction:column-reverse}.hv-btn{justify-content:center;width:100%}}@media (width<=520px){.hv-table{font-size:12.5px}}@keyframes lam-bg-in{0%{opacity:0}to{opacity:1}}.lam-box{background:var(--bg-surface);border:1px solid var(--border-default);width:min(520px,100%);max-height:90vh;color:var(--text-primary);border-radius:20px;flex-direction:column;font-family:DM Sans,sans-serif;animation:.22s cubic-bezier(.34,1.56,.64,1) lam-slide-in;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 64px #00000047}.lam-box:before{content:"";background:var(--brand-grad,linear-gradient(90deg, #9945ff, #14f195));opacity:.8;pointer-events:none;z-index:1;height:2px;position:absolute;top:0;left:0;right:0}@keyframes lam-slide-in{0%{opacity:0;transform:translateY(18px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.lam-head{border-bottom:1px solid var(--border-default);flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 22px 14px;display:flex}.lam-title{color:var(--text-primary);margin:0 0 3px;font-size:16px;font-weight:700}.lam-sub{color:var(--text-muted);margin:0;font-size:12px}.lam-steps{background:var(--bg-surface-2,var(--bg-surface));border-bottom:1px solid var(--border-default);flex-shrink:0;align-items:center;gap:0;padding:12px 22px;display:flex}.lam-step{color:var(--text-muted);align-items:center;gap:7px;font-size:12px;font-weight:600;display:flex}.lam-step-dot{background:var(--bg-input);border:1.5px solid var(--border-default);width:22px;height:22px;color:var(--text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;transition:background .15s,border-color .15s,color .15s;display:flex}.lam-step--active .lam-step-dot{background:var(--brand-purple,#9945ff);border-color:var(--brand-purple,#9945ff);color:#fff}.lam-step-dot--muted{background:var(--bg-input);border-color:var(--border-default);color:var(--text-muted)}.lam-step-label--muted{color:var(--text-muted)}.lam-step-line{background:var(--border-default);flex:1;height:1px;margin:0 8px}.lam-error{color:var(--danger,#ff6b6b);background:#ff505014;border:1px solid #ff505038;border-radius:9px;flex-shrink:0;margin:12px 22px 0;padding:10px 13px;font-size:13px;font-weight:600}.lam-form{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb,#ffffff1f) transparent;flex-direction:column;flex:1;gap:14px;display:flex;overflow-y:auto}.lam-form::-webkit-scrollbar{width:4px}.lam-form::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb,#00000026);border-radius:4px}.lam-input{border:1.5px solid var(--border-default);background:var(--bg-input);height:42px;color:var(--text-primary);box-sizing:border-box;-webkit-appearance:none;border-radius:10px;outline:none;width:100%;padding:0 14px;font-family:DM Sans,sans-serif;font-size:13.5px;transition:border-color .15s,box-shadow .15s,background .2s}.lam-input:disabled{opacity:.5;cursor:not-allowed}.lam-input[type=date]{cursor:pointer;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=light] .lam-input[type=date]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.lam-input[type=date]::-webkit-calendar-picker-indicator{opacity:.55;cursor:pointer;filter:invert()}.lam-input[type=select],select.lam-input{cursor:pointer}[data-theme=dark] select.lam-input{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=light] select.lam-input{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}select.lam-input option{background:var(--bg-surface);color:var(--text-primary)}.lam-type-btn:hover:not(.lam-type-btn--active){border-color:var(--border-hover,var(--border-default));color:var(--text-primary)}.lam-type-btn--active{background:var(--brand-grad,linear-gradient(90deg, #9945ff, #14f195));color:#fff;border-color:#0000;box-shadow:0 0 14px #9945ff40}.lam-file-label:hover{border-color:var(--brand-purple,#9945ff);color:var(--text-primary)}.lam-file-hidden{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.lam-hint{color:var(--text-muted);margin:0;font-size:11.5px}.lam-divider{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:10px;font-size:11.5px;font-weight:700;display:flex}.lam-skel{background:linear-gradient(90deg, var(--bg-input) 25%, var(--bg-surface-2,var(--bg-surface)) 37%, var(--bg-input) 63%);background-size:400% 100%;border-radius:10px;height:42px;animation:1.5s infinite lam-shimmer}@keyframes lam-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.lam-actions{gap:8px;padding-top:4px;display:flex}.lam-btn{cursor:pointer;border-radius:999px;align-items:center;gap:7px;height:42px;padding:0 22px;font-family:DM Sans,sans-serif;font-size:13.5px;font-weight:700;transition:opacity .15s,transform .12s,box-shadow .15s;display:inline-flex}.lam-btn--ghost{border:1.5px solid var(--border-default);color:var(--text-secondary,var(--text-muted));background:0 0}.lam-btn--ghost:hover:not(:disabled){background:var(--bg-input);color:var(--text-primary)}.lam-btn--primary{background:var(--brand-grad,linear-gradient(90deg, #9945ff, #14f195));color:#fff;border:none;flex:1;justify-content:center;box-shadow:0 0 14px #9945ff47}.lam-btn--primary:active:not(:disabled){transform:translateY(0)}.lam-btn:disabled{opacity:.38;cursor:not-allowed}.lam-spinner{border:2.5px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite lam-spin}.lam-combobox{width:100%;position:relative}.lam-combo-trigger{border:1.5px solid var(--border-default);background:var(--bg-input);width:100%;min-height:42px;color:var(--text-primary);cursor:pointer;text-align:left;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;font-family:DM Sans,sans-serif;font-size:13.5px;transition:border-color .15s,box-shadow .15s;display:flex}.lam-combo-trigger:hover{border-color:var(--border-hover,var(--border-default))}.lam-combo-trigger--open,.lam-combo-trigger:focus{border-color:var(--brand-purple,#9945ff);outline:none;box-shadow:0 0 0 3px #9945ff1f}.lam-combo-selected{flex:1;align-items:center;gap:9px;min-width:0;display:flex}.lam-combo-placeholder{color:var(--text-muted);flex:1;font-size:13px}.lam-combo-chevron{color:var(--text-muted);flex-shrink:0;align-items:center;transition:transform .18s;display:flex}.lam-combo-chevron--up{transform:rotate(180deg)}.lam-combo-avatar{width:30px;height:30px;color:var(--brand-purple,#9945ff);letter-spacing:-.5px;background:#9945ff1f;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}[data-theme=light] .lam-combo-avatar{background:#9945ff14}.lam-combo-info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.lam-combo-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.lam-combo-sub{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.lam-combo-dropdown{z-index:100;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:12px;animation:.16s cubic-bezier(.34,1.56,.64,1) lam-combo-drop;position:absolute;top:calc(100% + 5px);left:0;right:0;overflow:hidden;box-shadow:0 8px 32px #0000002e}@keyframes lam-combo-drop{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.lam-combo-search-wrap{border-bottom:1px solid var(--border-default);color:var(--text-muted);align-items:center;gap:8px;padding:10px 12px;display:flex}.lam-combo-search{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;min-width:0;font-family:DM Sans,sans-serif;font-size:13px}.lam-combo-search::placeholder{color:var(--text-muted)}.lam-combo-clear{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;padding:0;transition:color .12s;display:flex}.lam-combo-clear:hover{color:var(--danger,#ff6b6b)}.lam-combo-list{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb,#ffffff1f) transparent;max-height:220px;margin:0;padding:5px;list-style:none;overflow-y:auto}.lam-combo-list::-webkit-scrollbar{width:4px}.lam-combo-list::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb,#00000026);border-radius:4px}.lam-combo-item{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;align-items:center;gap:9px;padding:8px 10px;transition:background .12s;display:flex}.lam-combo-item:hover{background:var(--bg-input)}.lam-combo-item--active{background:#9945ff14}[data-theme=dark] .lam-combo-item--active{background:#9945ff24}.lam-combo-check{color:var(--brand-purple,#9945ff);flex-shrink:0;margin-left:auto}.lam-combo-empty{text-align:center;color:var(--text-muted);padding:16px 12px;font-size:13px}@media (width<=520px){.lam-box{border-radius:16px}.lam-head{padding:14px 16px 12px}.lam-form{padding:14px 16px 18px}.lam-steps{padding:10px 16px}.lam-error{margin:10px 16px 0}.lam-grid-2{grid-template-columns:1fr}.lam-actions{flex-direction:column-reverse}.lam-btn--ghost{justify-content:center;width:100%}.lam-combo-list{max-height:180px}}.rl-bal-empty{color:var(--text-muted);margin:0;font-size:13px}.rl-bal-label{color:var(--text-primary);font-size:12.5px;font-weight:700;display:block}.rl-filter-sep{color:var(--text-dimmed);padding-bottom:8px;font-size:13px}.rl-status-select{cursor:pointer;appearance:none;background-color:var(--bg-input);min-width:140px;color:var(--text-primary);border-color:var(--border-input);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-position:right 10px center;background-repeat:no-repeat;padding-right:30px}[data-theme=dark] .rl-status-select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23cbd5e1' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")}[data-theme=light] .rl-status-select{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")}.rl-status-select option{background:var(--bg-surface);color:var(--text-primary)}.rl-input{border:1.5px solid var(--border-input);height:42px;color:var(--text-primary);box-sizing:border-box;-webkit-appearance:none;background:#000;border-radius:10px;outline:none;width:100%;padding:0 14px;font-family:DM Sans,sans-serif;font-size:13.5px;transition:border-color .15s,box-shadow .15s,background .15s}.rl-input[type=date]{cursor:pointer;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=light] .rl-input[type=date]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.rl-input[type=date]::-webkit-calendar-picker-indicator{opacity:.55;cursor:pointer;filter:invert()}[data-theme=light] .rl-input[type=date]::-webkit-calendar-picker-indicator{filter:invert(0)}.rl-input[type=select],select.rl-input{cursor:pointer}[data-theme=dark] select.rl-input{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=light] select.rl-input{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}select.rl-input option{background:var(--bg-surface);color:var(--text-primary)}@media (width<=768px){.rl-wrap{gap:10px;padding:12px}.rl-header{padding:14px 16px 16px}.rl-header-top{flex-direction:column;align-items:stretch}.rl-apply-btn{justify-content:center;width:100%}.rl-bal-card{max-width:100%}.rl-filterbar,.rl-table th,.rl-table td{padding:10px 12px}.rl-grid-2{grid-template-columns:1fr}}@media (width<=520px){.rl-table{font-size:12.5px}.rl-filterbar{flex-direction:column;align-items:stretch}.rl-filter-sep{display:none}.rl-clear-btn{justify-content:center;width:100%}.rl-pagination{gap:6px}}.spd-wrap-user{background:var(--bg-page);min-height:100%;color:var(--text-primary);box-sizing:border-box;flex-direction:column;gap:14px;padding:20px;font-family:DM Sans,sans-serif;display:flex}.spd-header-user{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);flex-direction:column;flex-shrink:0;gap:16px;padding:18px 22px 20px;display:flex;position:relative;overflow:hidden}.spd-header-user:before{content:"";background:var(--brand-grad);opacity:.8;pointer-events:none;height:2px;position:absolute;top:0;left:0;right:0}.spd-header-user-top{flex-flow:wrap;justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.spd-heading{color:var(--text-primary);letter-spacing:-.3px;margin:0;font-size:17px;font-weight:700}.spd-subdate{color:var(--text-muted);margin:4px 0 0;font-size:12px}.spd-apply-btn{background:var(--brand-grad);height:38px;color:var(--btn-grad-text);cursor:pointer;white-space:nowrap;transition:opacity var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);border:none;border-radius:999px;flex-shrink:0;align-items:center;gap:7px;padding:0 18px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:700;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 0 14px #9945ff47}.spd-filterbar{z-index:10;border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--bg-overlay);-webkit-backdrop-filter:blur(10px);flex-wrap:wrap;align-items:flex-end;gap:10px;padding:12px 18px;display:flex;position:sticky;top:0;box-shadow:0 2px 12px #00000014}.spd-search-input,.spd-select,.spd-date-input{border-radius:var(--radius-sm);border:1px solid var(--border-input);background:var(--bg-input);height:34px;color:var(--text-primary);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);outline:none;padding:0 12px;font-family:DM Sans,sans-serif;font-size:13px}.spd-date-input::-webkit-calendar-picker-indicator{opacity:.55;cursor:pointer;filter:invert();transition:opacity var(--transition-fast)}.spd-date-input::-webkit-calendar-picker-indicator:hover{opacity:1}.spd-search-input:focus,.spd-select:focus,.spd-date-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--focus-ring);background:var(--bg-input-focus)}.spd-clear-btn{border:1px solid var(--border-default);background:var(--bg-input);height:34px;color:var(--text-muted);cursor:pointer;transition:border-color var(--transition-fast), color var(--transition-fast), background var(--transition-fast);border-radius:999px;align-self:flex-end;align-items:center;gap:5px;padding:0 13px;font-family:DM Sans,sans-serif;font-size:12.5px;font-weight:600;display:inline-flex}.spd-clear-btn:hover{border-color:var(--danger-border);color:var(--danger);background:var(--danger-bg)}.spd-table-wrap{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);flex:1;overflow:auto visible}.spd-table{border-collapse:collapse;width:100%;font-family:DM Sans,sans-serif;font-size:13.5px}.spd-table td{border-bottom:1px solid var(--table-border);vertical-align:top;color:var(--text-primary);padding:13px 16px}.spd-table tbody tr{cursor:pointer;transition:background var(--transition-fast)}.spd-table tbody tr:hover{background:var(--table-row-hover)}.spd-subline{color:var(--text-muted);margin-top:3px;font-size:11.5px}.spd-badge--rejected{background:var(--danger-bg);color:var(--danger);border:1px solid var(--danger-border)}.spd-badge--cancelled{background:var(--badge-bg);color:var(--text-secondary);border:1px solid var(--badge-border)}.spd-pagination{justify-content:center;align-items:center;gap:6px;padding-top:4px;display:flex}.spd-page-btn{border-radius:var(--radius-sm);border:1px solid var(--border-default);background:var(--bg-input);width:30px;height:30px;color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);justify-content:center;align-items:center;display:flex}.spd-page-btn:hover:not(:disabled){border-color:var(--brand-purple);color:var(--brand-purple);background:var(--sidebar-item-active)}.spd-page-btn:disabled{opacity:.35;cursor:not-allowed}.spd-page-info{color:var(--text-primary);font-size:13px;font-weight:600}.spd-input{border:1.5px solid var(--border-input);background:var(--bg-input);height:42px;color:var(--text-primary);box-sizing:border-box;-webkit-appearance:none;width:100%;transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);border-radius:10px;outline:none;padding:0 14px;font-family:DM Sans,sans-serif;font-size:13.5px}.spd-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--focus-ring);background:var(--bg-input-focus)}textarea.spd-input{resize:vertical;height:auto;padding:10px 14px}.spd-input[type=file]{cursor:pointer;height:auto;padding:8px 14px}.spd-file-label{border:1.5px dashed var(--border-input);background:var(--bg-input);min-height:48px;color:var(--text-secondary);cursor:pointer;transition:border-color var(--transition-fast), color var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast);border-radius:10px;align-items:center;gap:10px;padding:10px 14px;font-family:DM Sans,sans-serif;font-size:13px;display:flex;position:relative;overflow:hidden}.spd-file-label:hover{border-color:var(--brand-purple);color:var(--text-primary);background:#9945ff0a;box-shadow:0 0 0 3px #9945ff0f}.spd-file-label--has-file{border-color:var(--brand-green,#14f195);color:var(--text-primary);background:#14f1950d;border-style:solid}.spd-file-label--has-file:hover{border-color:var(--brand-green,#14f195);background:#14f19514;box-shadow:0 0 0 3px #14f19514}.spd-file-icon{background:var(--bg-surface-2);border:1px solid var(--border-default);width:30px;height:30px;color:var(--text-muted);transition:background var(--transition-fast), color var(--transition-fast);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.spd-file-label--has-file .spd-file-icon{color:#14f195;background:#14f1951a;border-color:#14f19540}.spd-file-text{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;overflow:hidden}.spd-file-label--has-file .spd-file-text{color:var(--text-primary);font-weight:600}.spd-file-size{color:var(--text-muted);background:var(--bg-surface-2);border:1px solid var(--border-default);white-space:nowrap;border-radius:999px;flex-shrink:0;padding:2px 7px;font-size:11px;font-weight:600}.spd-file-hidden{opacity:0;clip:rect(0,0,0,0);pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.spd-file-remove{border:1px solid var(--danger-border);background:var(--danger-bg);height:28px;color:var(--danger);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast);border-radius:999px;align-self:flex-start;align-items:center;gap:5px;padding:0 10px;font-family:DM Sans,sans-serif;font-size:11.5px;font-weight:600;display:inline-flex}.spd-file-remove:hover{background:#ff505029}.spd-modal-btn{cursor:pointer;border:1px solid var(--border-default);background:var(--bg-input);height:38px;color:var(--text-secondary);transition:opacity var(--transition-fast), transform var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast);border-radius:999px;padding:0 18px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;position:relative;overflow:hidden}.spd-modal-btn:hover:not(:disabled){border-color:var(--border-hover);color:var(--text-primary)}.spd-detail-item{border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-surface-2);padding:10px 12px}.spd-detail-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-size:10.5px;font-weight:700}.spd-detail-value{color:var(--text-primary);margin-top:5px;font-size:13.5px;font-weight:600}.spd-detail-link{color:var(--brand-purple);margin-top:5px;font-size:13px;font-weight:600;text-decoration:none;display:inline-block}.spd-detail-link:hover{text-decoration:underline}@media (width<=768px){.spd-wrap-user{gap:10px;padding:12px}.spd-header-user{padding:14px 16px 16px}.spd-header-user-top{flex-direction:column;align-items:stretch}.spd-apply-btn{justify-content:center;width:100%}.spd-filterbar,.spd-table th,.spd-table td{padding:10px 12px}.spd-grid-2{grid-template-columns:1fr}}@media (width<=520px){.spd-table{font-size:12.5px}.spd-filterbar{flex-direction:column;align-items:stretch}.spd-filter-sep{display:none}.spd-clear-btn{justify-content:center;width:100%}.spd-detail-grid{grid-template-columns:1fr}.spd-detail-item--full{grid-column:1}}.spd-modal-btn--edit{color:var(--brand-purple,#9945ff);background:#9945ff14;border:1px solid #9945ff47;align-items:center;gap:7px;font-weight:600;transition:background .15s,border-color .15s,transform .1s;display:inline-flex}.spd-modal-btn--edit:hover{background:#9945ff24;border-color:#9945ff80;transform:translateY(-1px)}.spd-attach-current{color:var(--brand-purple,#9945ff);background:#9945ff0f;border:1px solid #9945ff38;border-radius:8px;align-items:center;gap:6px;width:fit-content;margin-bottom:6px;padding:5px 10px;font-size:12.5px;text-decoration:none;transition:background .15s,border-color .15s;display:inline-flex}.spd-attach-current:hover{background:#9945ff1f;border-color:#9945ff66}.spd-participant-trigger{border:1px solid var(--border-input);background:var(--bg-input);height:36px;color:var(--text-secondary);cursor:pointer;border-radius:8px;align-items:center;gap:7px;width:fit-content;padding:0 14px;font-size:13px;font-weight:600;transition:border-color .15s;display:inline-flex}.spd-participant-trigger:hover:not(:disabled){border-color:var(--border-hover);color:var(--text-primary)}.spd-participant-trigger:disabled{opacity:.5;cursor:not-allowed}.spd-participant-list{scrollbar-width:thin;max-height:200px;overflow-y:auto}.spd-participant-item{cursor:pointer;pointer-events:none;align-items:center;gap:10px;padding:9px 14px;transition:background .12s;display:flex}.mtg-opt-check{border:1.5px solid var(--border-input);cursor:pointer;pointer-events:all;background:0 0;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:background .15s,border-color .15s;display:flex}.mtg-opt-check--checked{background:var(--brand-purple,#9945ff);border-color:var(--brand-purple,#9945ff)}.spd-detail-participants{flex-direction:column;gap:8px;margin-top:6px;display:flex}.spd-detail-participant{align-items:center;gap:10px;display:flex}.spd-participant-count{color:var(--brand-purple,#9945ff);background:#9945ff1a;border:1px solid #9945ff33;border-radius:999px;justify-content:center;align-items:center;margin-left:6px;padding:1px 7px;font-size:11px;font-weight:700;display:inline-flex}.ovt-apply-btn{background:var(--brand-grad);height:38px;color:var(--btn-grad-text);cursor:pointer;white-space:nowrap;transition:opacity var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);border:none;border-radius:999px;flex-shrink:0;align-items:center;gap:7px;padding:0 18px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:700;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 0 14px #9945ff47}.ovt-filterbar{z-index:10;border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--bg-overlay);-webkit-backdrop-filter:blur(10px);flex-wrap:wrap;align-items:flex-end;gap:10px;padding:12px 18px;display:flex;position:sticky;top:0;box-shadow:0 2px 12px #00000014}.ovt-search-input,.ovt-select,.ovt-date-input{border-radius:var(--radius-sm);border:1px solid var(--border-input);background:var(--bg-input);height:34px;color:var(--text-primary);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);outline:none;padding:0 12px;font-family:DM Sans,sans-serif;font-size:13px}.ovt-date-input::-webkit-calendar-picker-indicator{opacity:.55;cursor:pointer;filter:invert();transition:opacity var(--transition-fast)}.ovt-date-input::-webkit-calendar-picker-indicator:hover{opacity:1}.ovt-search-input:focus,.ovt-select:focus,.ovt-date-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--focus-ring);background:var(--bg-input-focus)}.ovt-clear-btn{border:1px solid var(--border-default);background:var(--bg-input);height:34px;color:var(--text-muted);cursor:pointer;transition:border-color var(--transition-fast), color var(--transition-fast), background var(--transition-fast);border-radius:999px;align-self:flex-end;align-items:center;gap:5px;padding:0 13px;font-family:DM Sans,sans-serif;font-size:12.5px;font-weight:600;display:inline-flex}.ovt-clear-btn:hover{border-color:var(--danger-border);color:var(--danger);background:var(--danger-bg)}.ovt-table-wrap{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);flex:1;overflow:auto visible}.ovt-badge--rejected{background:var(--danger-bg);color:var(--danger);border:1px solid var(--danger-border)}.ovt-pagination{justify-content:center;align-items:center;gap:6px;padding-top:4px;display:flex}.ovt-page-btn{border-radius:var(--radius-sm);border:1px solid var(--border-default);background:var(--bg-input);width:30px;height:30px;color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);justify-content:center;align-items:center;display:flex}.ovt-page-btn:hover:not(:disabled){border-color:var(--brand-purple);color:var(--brand-purple);background:var(--sidebar-item-active)}.ovt-page-btn:disabled{opacity:.35;cursor:not-allowed}.ovt-page-info{color:var(--text-primary);font-size:13px;font-weight:600}.ovt-input{border:1.5px solid var(--border-input);background:var(--bg-input);height:42px;color:var(--text-primary);box-sizing:border-box;-webkit-appearance:none;width:100%;transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);border-radius:10px;outline:none;padding:0 14px;font-family:DM Sans,sans-serif;font-size:13.5px}.ovt-input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--focus-ring);background:var(--bg-input-focus)}.ovt-input[type=date]::-webkit-calendar-picker-indicator{opacity:.55;cursor:pointer;filter:invert();transition:opacity var(--transition-fast)}.ovt-input[type=time]::-webkit-calendar-picker-indicator{opacity:.55;cursor:pointer;filter:invert();transition:opacity var(--transition-fast)}.ovt-input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}.ovt-input[type=time]::-webkit-calendar-picker-indicator:hover{opacity:1}[data-theme=light] .ovt-input[type=date]::-webkit-calendar-picker-indicator{filter:invert(0)}[data-theme=light] .ovt-input[type=time]::-webkit-calendar-picker-indicator{filter:invert(0)}.ovt-modal-btn{cursor:pointer;border:1px solid var(--border-default);background:var(--bg-input);height:38px;color:var(--text-secondary);transition:opacity var(--transition-fast), transform var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast);border-radius:999px;align-items:center;gap:6px;padding:0 18px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.ovt-modal-btn--danger{background:var(--danger-bg);border-color:var(--danger-border);color:var(--danger)}.ovt-detail-item{border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--bg-surface-2);padding:10px 12px}@media (width<=768px){.ovt-wrap{gap:10px;padding:12px}.ovt-header{padding:14px 16px 16px}.ovt-header-top{flex-direction:column;align-items:stretch}.ovt-apply-btn{justify-content:center;width:100%}.ovt-filterbar,.ovt-table th,.ovt-table td{padding:10px 12px}.ovt-grid-2{grid-template-columns:1fr}}@media (width<=520px){.ovt-table{font-size:12.5px}.ovt-filterbar{flex-direction:column;align-items:stretch}.ovt-filter-sep{display:none}.ovt-clear-btn{justify-content:center;width:100%}.ovt-detail-grid{grid-template-columns:1fr}.ovt-detail-item--full{grid-column:1}}.user-mainbar{background:var(--bg-page);flex-direction:column;height:100vh;font-family:DM Sans,sans-serif;transition:background .3s;display:flex;overflow:hidden}.user-mainbar-top{background:var(--bg-surface);border-bottom:1px solid var(--sidebar-border);z-index:20;flex-shrink:0;justify-content:space-between;align-items:center;height:62px;padding:0 20px;transition:background .3s,border-color .3s;display:flex;position:relative}.user-mainbar-top:before{content:"";background:var(--brand-grad);opacity:.5;pointer-events:none;height:1px;position:absolute;top:0;left:0;right:0}.user-mainbar-top-left{align-items:center;gap:14px;display:flex}.user-mainbar-top-right{align-items:center;gap:8px;display:flex}.user-mainbar-menu-btn{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:6px;transition:background .15s,color .15s;display:flex}.user-mainbar-menu-btn:hover{background:var(--sidebar-item-hover);color:var(--text-primary)}.user-nav-pill-btn{background:var(--bg-input);border:1px solid var(--border-input);color:var(--text-label);cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:5px;height:30px;padding:5px 13px;font-family:DM Sans,sans-serif;font-size:12.5px;font-weight:600;line-height:1;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.user-nav-pill-btn:hover{border-color:var(--brand-purple);color:var(--text-primary);background:var(--sidebar-item-active)}.user-nav-divider{background:var(--border-default);flex-shrink:0;width:1px;height:22px}.user-profile-wrap{margin-left:4px;position:relative}.user-profile-avatar-btn{border:1px solid var(--border-input);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:8px;padding:3px 10px 3px 3px;transition:border-color .15s,background .15s;display:flex}.user-profile-avatar-btn:hover{border-color:var(--border-hover);background:var(--sidebar-item-hover)}.user-profile-avatar-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;max-width:100px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;overflow:hidden}.user-profile-dropdown{background:var(--bg-surface);border:1px solid var(--border-default);z-index:100;border-radius:14px;min-width:230px;padding:6px;animation:.18s cubic-bezier(.16,1,.3,1) both userDropIn;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 40px #00000038,0 2px 8px #0000001f}[data-theme=dark] .user-profile-dropdown{background:#141414;border-color:#ffffff1a}[data-theme=dark] .user-profile-dropdown-email-main{color:#fff}[data-theme=dark] .user-profile-dropdown-item{color:#ffffffb3}[data-theme=dark] .user-profile-dropdown-item:hover{color:#fff;background:#ffffff0f}[data-theme=dark] .user-profile-dropdown-item.danger{color:var(--danger)}[data-theme=dark] .user-profile-dropdown-item.danger:hover{background:var(--danger-bg)}@keyframes userDropIn{0%{opacity:0;transform:translateY(-8px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.user-profile-dropdown-info{flex-direction:column;gap:2px;padding:8px 12px 10px;display:flex}.user-profile-dropdown-email-main{color:var(--text-primary);word-break:break-all;font-size:13px;font-weight:600;line-height:1.3}.user-profile-dropdown-role{align-items:center;gap:5px;margin-top:4px;display:inline-flex}.user-profile-dropdown-role span{letter-spacing:.6px;text-transform:uppercase;background:var(--brand-grad);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:10.5px;font-weight:700}.user-profile-dropdown-divider{background:var(--border-default);height:1px;margin:4px 0}.user-profile-dropdown-item{width:100%;color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:9px;padding:9px 12px;font-family:DM Sans,sans-serif;font-size:13.5px;font-weight:500;transition:background .15s,color .15s;display:flex}.user-profile-dropdown-item:hover{background:var(--sidebar-item-hover);color:var(--text-primary)}.user-profile-dropdown-item.danger{color:var(--danger)}.user-profile-dropdown-item.danger:hover{background:var(--danger-bg);color:var(--danger)}.user-leftbar-mobile-overlay{display:none}.user-mainbar-content{background:var(--bg-page);scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent;flex:1;transition:background .3s;overflow-y:auto}.user-mainbar-content::-webkit-scrollbar{width:4px}.user-mainbar-content::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:99px}@media (width<=1080px){.user-mainbar-top{padding:0 14px}.user-profile-dropdown{left:0;right:auto}.user-leftbar-mobile-overlay{z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;pointer-events:none;background:#0000008c;transition:opacity .25s;display:block;position:fixed;inset:0}.user-leftbar-mobile-overlay.open{opacity:1;pointer-events:auto}.user-leftbar-mobile-overlay .leftbar{border-right:1px solid var(--sidebar-border);transition:transform .28s cubic-bezier(.4,0,.2,1);position:absolute;inset:0 auto 0 0;transform:translate(-100%);box-shadow:6px 0 30px #00000040}.user-leftbar-mobile-overlay.open .leftbar{transform:translate(0)}}@media (width<=600px){.user-mainbar-top{height:56px;padding:0 14px}.user-nav-pill-btn{height:28px;padding:4px 10px;font-size:11.5px}.user-profile-avatar-name{display:none}.user-profile-avatar-btn{padding:3px}.user-mainbar-top{justify-content:space-between}.user-mainbar-top-right{flex:1;order:1}.user-mainbar-top-right .user-profile-wrap{order:-1;margin-left:0;margin-right:auto}.user-mainbar-top-left{order:2}}@media (width>=601px) and (width<=1080px){.user-mainbar-top{justify-content:space-between}.user-mainbar-top-right{flex:1;order:1}.user-mainbar-top-right .user-profile-wrap{order:-1;margin-left:0;margin-right:auto}.user-mainbar-top-left{order:2}}.container-app{background:var(--bg-page);height:100vh;display:flex;overflow:hidden}.left-bar{flex-shrink:0;height:100vh}.leftbar-desktop{display:block}.main-bar{flex:1;min-width:0;height:100vh;overflow:hidden}@media (width<=1080px){.leftbar-desktop{display:none}}.head-leftbar{background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);flex-direction:column;width:240px;height:100vh;transition:background .3s,border-color .3s;display:flex;position:relative;overflow:hidden}.head-leftbar:after{content:"";background:var(--brand-grad);opacity:.55;pointer-events:none;z-index:1;height:1px;position:absolute;top:0;left:0;right:0}.head-leftbar-header{border-bottom:1px solid var(--sidebar-border);flex-shrink:0;align-items:center;gap:10px;height:62px;padding:0 16px;display:flex}.head-leftbar-toggle-btn{cursor:pointer;width:32px;height:32px;color:var(--text-muted);background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.head-leftbar-toggle-btn:hover{background:var(--sidebar-item-hover);color:var(--text-primary)}.head-leftbar-brand{letter-spacing:-.4px;background:var(--brand-grad);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:16px;font-weight:700;line-height:1}.head-leftbar-nav{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent;flex-direction:column;flex:1;gap:1px;padding:10px 8px 20px;display:flex;overflow-y:auto}.head-leftbar-nav::-webkit-scrollbar{width:3px}.head-leftbar-nav::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:99px}.head-leftbar-group{flex-direction:column;display:flex}.head-leftbar-item{cursor:pointer;width:100%;font-size:13.5px;font-weight:500;font-family:var(--font-main);color:var(--text-secondary);text-align:left;background:0 0;border:none;border-radius:9px;align-items:center;gap:9px;padding:8px 10px;transition:background .15s,color .15s;display:flex;position:relative}.head-leftbar-item:hover{background:var(--sidebar-item-hover);color:var(--text-primary)}.head-leftbar-item.active{background:var(--sidebar-item-active);color:var(--brand-purple);font-weight:600}.head-leftbar-item.active:before{content:"";background:var(--brand-grad);border-radius:0 3px 3px 0;width:2.5px;position:absolute;top:18%;bottom:18%;left:0}.head-leftbar-item-icon{opacity:.75;flex-shrink:0;justify-content:center;align-items:center;width:20px;transition:opacity .15s;display:flex}.head-leftbar-item:hover .head-leftbar-item-icon,.head-leftbar-item.active .head-leftbar-item-icon{opacity:1}.head-leftbar-item-label{flex:1}.head-leftbar-chevron{color:var(--text-dimmed);flex-shrink:0;transition:transform .2s,color .15s}.head-leftbar-chevron.open{color:var(--text-muted);transform:rotate(180deg)}.head-leftbar-submenu{grid-template-rows:0fr;transition:grid-template-rows .22s cubic-bezier(.4,0,.2,1);display:grid;overflow:hidden}.head-leftbar-submenu.open{grid-template-rows:1fr}.head-leftbar-submenu-inner{border-left:1px solid var(--border-default);flex-direction:column;gap:1px;margin-left:18px;padding:2px 0 2px 8px;display:flex;overflow:hidden}.head-leftbar-subitem{cursor:pointer;width:100%;font-size:13px;font-weight:400;font-family:var(--font-main);color:var(--text-muted);text-align:left;background:0 0;border:none;border-radius:7px;align-items:center;gap:8px;padding:7px 10px;transition:background .15s,color .15s;display:flex}.head-leftbar-subitem:hover{background:var(--sidebar-item-hover);color:var(--text-primary)}.head-leftbar-subitem.active{color:var(--brand-green);background:#14f1950f;font-weight:600}.head-leftbar-subitem-icon{opacity:.6;flex-shrink:0;justify-content:center;align-items:center;width:16px;transition:opacity .15s;display:flex}.head-leftbar-subitem:hover .head-leftbar-subitem-icon,.head-leftbar-subitem.active .head-leftbar-subitem-icon{opacity:1}@media (width<=1080px){.head-leftbar{border-right:none;border-left:1px solid var(--sidebar-border);z-index:51;width:250px;transition:transform .28s cubic-bezier(.4,0,.2,1);position:absolute;inset:0 0 0 auto;transform:translate(100%);box-shadow:-6px 0 30px #00000040}.head-leftbar-mobile-overlay.open .head-leftbar{transform:translate(0)}}.hdash-search--full,.hdash-search--full:focus{width:100%}@media (width<=960px){.hdash-tabs{display:flex}.hdash-grid{grid-template-columns:1fr}.hdash-right{display:contents}.hdash-tab-content{display:none}.hdash-tab-content--active{display:flex}.hdash-panel-head--desktop{display:none}.hdash-mobile-head{align-items:center;gap:8px;display:flex}}@media (width<=600px){.hdash{gap:10px;padding:12px}.hdash-banner{padding:14px 16px}.hdash-greeting{font-size:15px}.hdash-cal-btn span{display:none}.hdash-panel{padding:14px}.hdash-tab{gap:4px;padding:7px 4px;font-size:11.5px}.rte-toolbar{gap:1px;padding:6px 8px}.rte-btn{width:26px;height:24px}.hdash-compose-footer{flex-direction:column;align-items:flex-start}.hdash-compose-actions{align-self:flex-end}}@media (width<=360px){.hdash-tab{gap:3px;padding:6px 3px;font-size:10.5px}.hdash-tabs{gap:4px;padding:4px}}.udash-post-actions{gap:6px;margin-top:6px;display:flex}.udash-like-btn{color:var(--text-muted);cursor:pointer;border-radius:8px!important}.udash-like-btn--active,.udash-like-btn--active:hover{color:var(--brand-purple,#9945ff)!important;background:#9945ff14!important;border-color:#9945ff4d!important}.udash-like-count{font-size:12px;font-weight:700}.udash-post-msg{color:var(--text-secondary);margin:0 0 6px;font-size:13px;line-height:1.6}.udash-post-msg h2{color:var(--text-primary);margin:6px 0 3px;font-size:15px;font-weight:700}.udash-post-msg h3{color:var(--text-primary);margin:5px 0 2px;font-size:13.5px;font-weight:700}.udash-post-msg ul{margin:4px 0;padding-left:18px;list-style:outside}.udash-post-msg ol{margin:4px 0;padding-left:18px;list-style:decimal}.udash-post-msg li{margin:2px 0}.udash-post-msg a{color:var(--brand-purple,#9945ff);text-decoration:underline}.udash-post-msg strong{font-weight:700}.udash-post-msg em{font-style:italic}.rte-counter{color:var(--text-muted);text-align:right;border-top:1px solid var(--border-default);background:var(--bg-input);-webkit-user-select:none;user-select:none;padding:5px 14px;font-family:DM Sans,sans-serif;font-size:11.5px;font-weight:500;transition:color .15s}.rte-counter--over{color:#ef4444;font-weight:700}.hdash-like-btn--active,.hdash-like-btn--active:hover{color:var(--brand-purple,#9945ff)!important;background:#9945ff14!important;border-color:#9945ff4d!important}.hdash-like-count{font-size:12px;font-weight:700}.hdash-post-content p{margin:4px 0}.hdash-new-post-btn{box-shadow:0 0 14px #9945ff4d;height:32px!important;color:var(--btn-grad-text,#000)!important;border-radius:8px!important;padding:0 14px!important;font-size:12.5px!important}.hdash-new-post-btn:hover:not(:disabled){box-shadow:0 0 22px #9945ff73}.prfh-shell{background:var(--bg-page);box-sizing:border-box;justify-content:center;align-items:flex-start;min-height:100%;padding:40px 20px;font-family:DM Sans,sans-serif;display:flex}.prfh-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:20px;flex-direction:column;align-items:center;gap:0;width:min(400px,100%);padding:32px 28px 28px;animation:.28s cubic-bezier(.16,1,.3,1) prfh-enter;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000002e}.prfh-card-accent{background:var(--brand-grad,linear-gradient(90deg, #9945ff, #14f195));opacity:.85;height:2px;position:absolute;top:0;left:0;right:0}.prfh-card:after{content:"";background:radial-gradient(circle, var(--orb-purple,#9945ff2e) 0%, transparent 70%);pointer-events:none;z-index:0;border-radius:50%;width:220px;height:220px;position:absolute;top:-60px;left:50%;transform:translate(-50%)}.prfh-avatar-wrap{z-index:1;margin-top:8px;margin-bottom:20px;position:relative}.prfh-avatar-ring{background:var(--brand-grad,linear-gradient(135deg, #9945ff, #14f195));opacity:.35;z-index:-1;border-radius:50%;animation:3s ease-in-out infinite prfh-ring-pulse;position:absolute;inset:-4px}.prfh-info{z-index:1;flex-direction:column;align-items:center;gap:10px;width:100%;display:flex}.prfh-name{letter-spacing:-.4px;color:var(--text-primary);text-align:center;margin:0;font-size:20px;font-weight:800}.prfh-meta{flex-direction:column;align-items:center;gap:6px;display:flex}.prfh-meta-row{align-items:center;gap:6px;display:flex}.prfh-meta-icon{color:var(--text-muted);flex-shrink:0;align-items:center;display:flex}.prfh-meta-text{color:var(--text-secondary);font-size:13px;font-weight:500}.prfh-role-badge{letter-spacing:.4px;text-transform:uppercase;background:var(--badge-bg);border:1px solid #0000;border-color:var(--badge-border);height:22px;color:var(--text-muted);border-radius:6px;align-items:center;padding:0 10px;font-size:11px;font-weight:700;display:inline-flex}.prfh-role-badge--admin,.prfh-role-badge--head{color:var(--brand-purple,#9945ff);background:#9945ff1f;border-color:#9945ff40}.prfh-role-badge--staff,.prfh-role-badge--employee{color:#0d9965;background:#14f1951a;border-color:#14f19538}[data-theme=dark] .prfh-role-badge--staff,[data-theme=dark] .prfh-role-badge--employee{color:#14f195}.prfh-divider{background:var(--border-default);z-index:1;width:100%;height:1px;margin:24px 0 20px}.prfh-actions{z-index:1;flex-direction:column;gap:10px;width:100%;display:flex}.prfh-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:999px;justify-content:center;align-items:center;gap:8px;width:100%;height:42px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:700;transition:opacity .15s,transform .12s,box-shadow .15s;display:inline-flex;position:relative;overflow:hidden}.prfh-btn:after{content:"";background:linear-gradient(105deg,#0000 30%,#ffffff2e 50%,#0000 70%);transition:transform .45s;position:absolute;inset:0;transform:translate(-100%)}.prfh-btn:hover:after{transform:translate(100%)}.prfh-btn:hover{opacity:.88;transform:translateY(-1px)}.prfh-btn:active{transform:translateY(0)}.prfh-btn--primary{background:var(--brand-grad,linear-gradient(90deg, #9945ff, #14f195));color:var(--btn-grad-text,#000);box-shadow:0 0 16px var(--orb-purple,#9945ff38)}.prfh-btn--primary:hover{box-shadow:0 0 24px var(--orb-purple,#9945ff59)}.prfh-modal-form{flex-direction:column;gap:14px;display:flex}.prfh-input-wrap{align-items:center;display:flex;position:relative}.prfh-input-wrap .m-input{padding-right:40px}.prfh-eye-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;align-items:center;padding:0;transition:color .15s;display:flex;position:absolute;right:12px}.prfh-eye-btn:hover{color:var(--text-primary)}.prfh-pw-hint{color:var(--text-muted);margin:-4px 0 0;font-size:11.5px;line-height:1.5}@media (width<=480px){.prfh-shell{padding:24px 16px}.prfh-card{padding:24px 20px 22px}.prfh-name{font-size:18px}}.performance-container-head{flex-direction:column;flex:1;width:100%;min-height:0;display:flex}.pm-content-head{flex:1;width:100%;min-height:0;overflow-y:auto}.dept-tree-card{border:1px solid var(--border-default,#1018281a);background:var(--bg-surface,#fff);border-radius:16px;margin-top:10px;position:relative;overflow:hidden}.dept-tree-card:before{content:"";background:var(--brand-grad,linear-gradient(90deg, #9945ff, #14f195));opacity:.8;height:2px;position:absolute;top:0;left:0;right:0}.dept-tree-header{border-bottom:1px solid var(--border-default,#10182814);background:var(--bg-surface-2,#f8fafc);justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.dept-tree-title{color:var(--text-primary,#111827);font-size:14px;font-weight:800}.dept-tree-subtitle{color:var(--text-muted,#6b7280);margin-top:3px;font-size:12px}.dept-tree-mini-btn{border:1px solid var(--border-default,#1018281f);background:var(--bg-page,#fff);color:var(--text-primary,#111827);cursor:pointer;border-radius:10px;padding:7px 12px;font-size:12px;font-weight:700}.dept-tree-mini-btn:hover{border-color:var(--border-hover,#9945ff59)}.dept-tree-body{background:var(--bg-surface,#fff);flex-direction:column;align-items:center;padding:20px;transition:all .25s;display:flex;overflow:hidden}.dept-tree-body.is-collapsed{opacity:0;max-height:0;padding-top:0;padding-bottom:0}.dept-tree-node{border:1px solid var(--border-default,#1018281a);background:var(--bg-page,#fff);cursor:pointer;text-align:left;border-radius:12px;width:fit-content;min-width:150px;max-width:230px;padding:10px 14px;transition:all .15s}.dept-tree-node:hover{border-color:var(--border-hover,#9945ff59);transform:translateY(-2px);box-shadow:0 8px 18px #0f172a1a}.dept-tree-node.is-active{border-color:var(--brand-purple,#9945ff);background:var(--bg-surface-2,#f8fafc);box-shadow:0 0 0 3px #9945ff1f}.dept-tree-node-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.dept-tree-name{color:var(--text-primary,#111827);font-size:13px;font-weight:800}.dept-tree-role{color:var(--text-muted,#6b7280);margin-top:5px;font-size:11.5px;font-weight:600}.dept-tree-badge{letter-spacing:.35px;white-space:nowrap;border-radius:6px;align-items:center;height:20px;padding:0 8px;font-size:10px;font-weight:800;display:inline-flex}.dept-tree-badge.head{color:var(--brand-purple,#9945ff);background:#9945ff1a;border:1px solid #9945ff40}.dept-tree-badge.staff{color:var(--text-muted,#6b7280);background:var(--badge-bg,#94a3b829);border:1px solid var(--badge-border,#1018281a)}.dept-tree-connector{background:var(--border-hover,#9945ff59);opacity:.6;border-radius:999px;width:2px;height:24px}.dept-tree-staff-wrap{flex-wrap:wrap;justify-content:center;gap:8px;width:100%;display:flex}.dept-tree-empty{color:var(--text-muted,#6b7280);padding:12px;font-size:13px;font-weight:600}@media (width<=640px){.dept-tree-header{padding:12px}.dept-tree-body{padding:14px}.dept-tree-node{min-width:120px;padding:9px 11px}.dept-tree-staff-wrap{gap:6px}}[data-theme=dark] .dept-tree-card{box-shadow:0 2px 16px #00000080}[data-theme=dark] .dept-tree-node:hover{border-color:var(--border-hover);box-shadow:0 8px 22px #00000080}[data-theme=dark] .dept-tree-node.is-active{box-shadow:0 0 0 3px #9945ff33}[data-theme=dark] .dept-tree-header{background:var(--bg-surface-2)}[data-theme=dark] .dept-tree-body{background:var(--bg-surface)}[data-theme=dark] .dept-tree-mini-btn:hover{background:var(--bg-input)}[data-theme=dark] .dept-tree-badge.staff{background:#ffffff0f;border-color:#ffffff17}[data-theme=light] .dept-tree-card{box-shadow:0 2px 12px #00000012}[data-theme=light] .dept-tree-node:hover{box-shadow:0 8px 18px #0f172a1a}[data-theme=light] .dept-tree-node.is-active{box-shadow:0 0 0 3px #9945ff1f}[data-theme=light] .dept-tree-badge.staff{background:#0000000d;border-color:#00000017}.dtk-topbar{z-index:10;border-radius:var(--radius-lg);border:1px solid var(--border-default);background:var(--bg-overlay);-webkit-backdrop-filter:blur(12px);transition:background var(--transition-normal), border-color var(--transition-normal);justify-content:space-between;align-items:center;gap:14px;margin-top:14px;padding:14px 20px;display:flex;position:sticky;top:0;box-shadow:0 2px 12px #0000001a}.dtk-title{letter-spacing:.2px;color:var(--text-primary);margin:0;font-family:DM Sans,sans-serif;font-size:17px;font-weight:900}.dtk-sub{color:var(--text-secondary);margin:5px 0 0;font-family:DM Sans,sans-serif;font-size:12px}.dtk-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.dtk-search{border:1px solid var(--border-input);background:var(--bg-input);width:min(340px,48vw);height:40px;color:var(--text-primary);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);border-radius:999px;outline:none;padding:0 16px;font-family:DM Sans,sans-serif;font-size:13.5px}.dtk-search::placeholder{color:var(--text-placeholder)}.dtk-search:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--focus-ring);background:var(--bg-input-focus)}.dtk-select{border:1px solid var(--border-input);background:var(--bg-input);height:40px;color:var(--text-primary);cursor:pointer;min-width:160px;transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);border-radius:999px;outline:none;padding:0 14px;font-family:DM Sans,sans-serif;font-size:13.5px}.dtk-select:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--focus-ring);background:var(--bg-input-focus)}.dtk-action-btn{background:var(--brand-grad,linear-gradient(90deg, #9945ff, #14f195));color:#000;cursor:pointer;white-space:nowrap;border:none;border-radius:999px;align-items:center;gap:7px;height:38px;padding:0 18px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:700;transition:opacity .15s,transform .15s,box-shadow .15s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 0 14px #9945ff47}.dtk-action-btn:after{content:"";background:linear-gradient(105deg,#0000 30%,#fff3 50%,#0000 70%);transition:transform .45s;position:absolute;inset:0;transform:translate(-100%)}.dtk-action-btn:hover:after{transform:translate(100%)}.dtk-action-btn:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 0 22px #9945ff66}.dtk-action-btn:active{transform:translateY(0)}.dtk-board-wrap{margin-top:14px}.dtk-board{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);grid-auto-columns:minmax(200px,320px);grid-auto-flow:column;align-items:start;gap:14px;padding-bottom:10px;display:grid;overflow-x:auto}.dtk-board::-webkit-scrollbar{height:6px}.dtk-board::-webkit-scrollbar-track{background:var(--scrollbar-track)}.dtk-board::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:999px}.dtk-col{scroll-snap-align:start;border-radius:var(--radius-lg);border:1px solid var(--border-default);background:var(--bg-surface);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);--col-accent:#94a3b8b3;overflow:hidden;box-shadow:0 2px 10px #0000000f}.dtk-col:first-child{--col-accent:#94a3b8b3}.dtk-col:nth-child(2){--col-accent:#f59e0b}.dtk-col:nth-child(3){--col-accent:#3b82f6}.dtk-col:nth-child(4){--col-accent:#22c55e}.dtk-col:nth-child(5){--col-accent:var(--brand-purple)}.dtk-col--drop{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--focus-ring)}.dtk-col-head{border-bottom:1px solid var(--border-default);background:var(--bg-surface-2);justify-content:space-between;align-items:center;gap:10px;padding:14px 14px 12px;display:flex;position:relative}.dtk-col-head:before{content:"";background:var(--col-accent);width:5px;position:absolute;top:0;bottom:0;left:0}.dtk-col-title{text-transform:uppercase;letter-spacing:.5px;color:var(--text-primary);margin:0;padding-left:10px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:900}.dtk-col-count{min-width:20px;height:22px;color:var(--text-secondary);background:var(--badge-bg);border:1px solid var(--badge-border);border-radius:999px;justify-content:center;align-items:center;padding:0 8px;font-size:11.5px;font-weight:900;display:inline-flex}.dtk-col-body{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);min-height:120px;max-height:calc(100vh - 240px);padding:12px;overflow-y:auto}.dtk-card{border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--bg-surface);cursor:grab;transition:transform var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);margin-bottom:10px;padding:12px 12px 12px 18px;position:relative}.dtk-card:before{content:"";background:var(--col-accent);opacity:.85;border-radius:999px;width:4px;position:absolute;top:10px;bottom:10px;left:0}.dtk-card:hover{border-color:var(--border-hover);background:var(--bg-surface-2);transform:translateY(-2px);box-shadow:0 10px 20px #0000001a}.dtk-card--saving{opacity:.55;pointer-events:none;cursor:default}.dtk-card-name{color:var(--text-primary);margin:0 0 6px;font-family:DM Sans,sans-serif;font-size:13.5px;font-weight:900;line-height:1.25}.dtk-card-desc{color:var(--text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0 0 10px;font-family:DM Sans,sans-serif;font-size:12.5px;line-height:1.45;display:-webkit-box;overflow:hidden}.dtk-card-meta{color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;gap:6px;font-family:DM Sans,sans-serif;font-size:11.5px;display:flex}.dtk-card-assign{border-radius:var(--radius-md);background:var(--bg-surface-2);border:1px solid var(--border-default);color:var(--text-muted);flex-direction:column;gap:3px;margin-top:8px;padding:7px 10px;font-family:DM Sans,sans-serif;font-size:11.5px;display:flex}.dtk-saving-pill{color:var(--brand-purple);background:#9945ff1a;border:1px solid #9945ff38;border-radius:999px;align-items:center;margin-top:8px;padding:4px 10px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:700;display:inline-flex}.dtk-progress{margin-top:10px}.dtk-progress-head{color:var(--text-muted);justify-content:space-between;margin-bottom:5px;font-family:DM Sans,sans-serif;font-size:11.5px;display:flex}.dtk-progress-track{background:var(--bg-input);border:1px solid var(--border-default);border-radius:999px;height:6px;overflow:hidden}.dtk-progress-fill{background:var(--brand-grad);border-radius:999px;height:100%;transition:width .22s}.dtk-empty{border:1px dashed var(--border-default);color:var(--text-muted);text-align:center;background:var(--bg-input);border-radius:12px;padding:14px;font-family:DM Sans,sans-serif;font-size:13px}@media (width<=1080px){.dtk-topbar{flex-direction:column;align-items:stretch}.dtk-actions{justify-content:flex-start}.dtk-search{width:100%;min-width:0}.dtk-select{flex:1;min-width:0}.dtk-board{grid-auto-columns:minmax(240px,1fr)}}@media (width<=520px){.dtk-board{scroll-snap-type:none;grid-auto-columns:1fr;grid-auto-flow:row;overflow-x:visible}.dtk-col-body{max-height:none}}[data-theme=dark] .dtk-search,[data-theme=dark] .dtk-select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=dark] .dtk-select option{color:#fff;background:#111}[data-theme=dark] .dtk-topbar{box-shadow:0 2px 20px #0000008c}[data-theme=dark] .dtk-col{box-shadow:0 2px 14px #00000073}[data-theme=dark] .dtk-card{box-shadow:0 1px 6px #00000059}[data-theme=dark] .dtk-card:hover{background:var(--bg-surface-2);box-shadow:0 10px 28px #00000080}[data-theme=dark] .dtk-col-head{background:var(--bg-surface-2)}[data-theme=dark] .dtk-card-assign{background:#ffffff08}[data-theme=dark] .dtk-progress-track{background:#ffffff0f;border-color:#ffffff12}[data-theme=light] .dtk-search,[data-theme=light] .dtk-select{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=light] .dtk-select option{color:#0a0a0a;background:#fff}[data-theme=light] .dtk-topbar{box-shadow:0 2px 12px #00000014}[data-theme=light] .dtk-col{box-shadow:0 2px 10px #0000000f}[data-theme=light] .dtk-card{box-shadow:0 1px 4px #0000000d}[data-theme=light] .dtk-card:hover{box-shadow:0 10px 22px #0000001f}[data-theme=light] .dtk-col-head{background:var(--bg-surface-2)}[data-theme=light] .dtk-saving-pill{background:#9945ff14}.sk{background:var(--bg-input);border-radius:var(--radius-sm,8px);position:relative;overflow:hidden}.sk:after{content:"";background:linear-gradient(90deg, transparent, var(--border-hover,#ffffff1f), transparent);animation:1.4s infinite sk-shimmer;position:absolute;inset:0;transform:translate(-100%)}.sk-line{border-radius:999px;height:12px}.sk-pill{border-radius:999px;height:24px}.sk-input,.sk-btn{border-radius:999px;height:40px}.sk-bar{background:var(--bg-input);border-radius:999px;height:6px;position:relative;overflow:hidden}.sk-bar:after{content:"";background:linear-gradient(90deg, transparent, var(--border-hover,#ffffff1f), transparent);animation:1.4s infinite sk-shimmer;position:absolute;inset:0;transform:translate(-100%)}.sk-card{border:1px solid var(--border-default)}.w-36{width:36px}.w-40{width:40px}.w-60{width:60px}.w-70{width:70px}.w-90{width:90px}.w-110{width:110px}.w-120{width:120px}.w-130{width:130px}.w-140{width:140px}.w-160{width:160px}.w-170{width:170px}.w-180{width:180px}.w-190{width:190px}.w-200{width:200px}.w-260{width:260px}.phds-wrap{flex-direction:column;gap:0;display:flex}.phds-tree{border-radius:var(--radius-lg,16px);border:1px solid var(--border-default);background:var(--bg-surface);overflow:hidden;box-shadow:0 2px 12px #0000000f}.phds-tree-head{border-bottom:1px solid var(--border-default);background:var(--bg-surface);justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.phds-tree-head-actions{align-items:center;gap:8px;display:flex}.phds-tree-body{flex-direction:column;align-items:center;padding:20px;display:flex}.phds-connector{background:var(--border-default);border-radius:999px;flex-shrink:0;width:2px;height:28px}.phds-staff-row{flex-wrap:wrap;justify-content:center;gap:10px;width:100%;display:flex}.phds-node{border-radius:var(--radius-md,12px);background:var(--bg-surface);min-width:140px;padding:12px 16px}.phds-node--head{min-width:180px}.phds-node-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.phds-topbar{border-radius:var(--radius-lg,16px);border:1px solid var(--border-default);background:var(--bg-surface);justify-content:space-between;align-items:center;gap:14px;margin-top:14px;padding:14px 20px;display:flex;box-shadow:0 2px 12px #0000000f}.phds-topbar-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.phds-board{grid-auto-columns:minmax(200px,320px);grid-auto-flow:column;align-items:start;gap:14px;margin-top:14px;padding-bottom:10px;display:grid;overflow-x:auto}.phds-col{border-radius:var(--radius-lg,16px);border:1px solid var(--border-default);background:var(--bg-surface);pointer-events:none;overflow:hidden}.phds-col-head{border-bottom:1px solid var(--border-default);background:var(--bg-surface);justify-content:space-between;align-items:center;gap:10px;padding:14px 14px 12px;display:flex}.phds-col-body{flex-direction:column;gap:10px;padding:12px;display:flex}.phds-card{border-radius:var(--radius-md,12px);background:var(--bg-surface);pointer-events:none;padding:12px 12px 12px 18px}.phds-card-meta{justify-content:space-between;gap:10px;margin-top:10px;display:flex}.phds-progress{margin-top:10px}.phds-progress-top{justify-content:space-between;gap:10px;margin-bottom:6px;display:flex}@media (width<=1080px){.phds-topbar{flex-direction:column;align-items:stretch}.phds-topbar-actions{justify-content:flex-start}.phds-board{grid-auto-columns:minmax(240px,1fr)}}@media (width<=520px){.phds-board{grid-auto-columns:1fr;grid-auto-flow:row;overflow-x:visible}}.ph-wrap{background:var(--bg-page);color:var(--text-primary);box-sizing:border-box;flex-direction:column;gap:14px;min-height:100%;padding:20px;font-family:DM Sans,sans-serif;display:flex}.ph-mini-btn{border:1px solid var(--border-default);background:var(--bg-input);height:32px;color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-family:DM Sans,sans-serif;font-size:12.5px;font-weight:600;transition:border-color .15s,box-shadow .15s,color .15s,background .15s;display:inline-flex}.ph-mini-btn:hover{border-color:var(--border-hover);color:var(--text-primary);box-shadow:0 0 0 3px var(--focus-ring)}.ph-create-btn{background:var(--brand-grad,linear-gradient(90deg, #9945ff, #14f195));color:#000;cursor:pointer;white-space:nowrap;border:none;border-radius:999px;align-items:center;gap:7px;height:38px;padding:0 18px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:700;transition:opacity .15s,transform .15s,box-shadow .15s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 0 14px #9945ff47}.ph-create-btn:after{content:"";background:linear-gradient(105deg,#0000 30%,#fff3 50%,#0000 70%);transition:transform .45s;position:absolute;inset:0;transform:translate(-100%)}.ph-create-btn:hover:after{transform:translate(100%)}.ph-create-btn:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 0 22px #9945ff66}.ph-create-btn:active{transform:translateY(0)}.ph-empty-col{border:1px dashed var(--border-default);color:var(--text-muted);text-align:center;background:var(--bg-input);border-radius:12px;padding:14px;font-family:DM Sans,sans-serif;font-size:13px}.ph-wrap .ph-error{color:var(--danger);padding:24px;font-family:DM Sans,sans-serif;font-size:14px}@media (width<=600px){.ph-wrap{gap:10px;padding:12px}}.atthead-shell{background:var(--bg-page);min-height:100%;color:var(--text-primary);box-sizing:border-box;flex-direction:column;gap:12px;padding:20px;font-family:DM Sans,sans-serif;display:flex}.atthead-guard{text-align:center;color:var(--text-muted);padding:40px;font-family:DM Sans,sans-serif}.atthead-banner{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:16px;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;display:flex;position:relative;overflow:hidden}.atthead-banner:before{content:"";background:var(--brand-grad);opacity:.8;height:2px;position:absolute;top:0;left:0;right:0}.atthead-title{letter-spacing:-.3px;color:var(--text-primary);margin:0 0 3px;font-size:17px;font-weight:800}.atthead-subtitle{color:var(--text-muted);text-transform:capitalize;margin:0;font-size:12.5px}.atthead-actions{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;gap:10px;display:flex}.atthead-btn-inner{align-items:center;gap:7px;font-weight:700;display:inline-flex}.atthead-btn-in{background:var(--brand-grad)!important;color:var(--btn-grad-text)!important;box-shadow:0 0 18px var(--orb-purple)!important;border:none!important;font-family:DM Sans,sans-serif!important;font-weight:700!important;transition:opacity .15s,transform .12s,box-shadow .15s!important;position:relative!important;overflow:hidden!important}.atthead-btn-in:after{content:"";background:linear-gradient(105deg,#0000 30%,#ffffff2e 50%,#0000 70%);transition:transform .45s;position:absolute;inset:0;transform:translate(-100%)}.atthead-btn-in:hover:after{transform:translate(100%)}.atthead-btn-in:hover{opacity:.88!important;box-shadow:0 0 26px var(--orb-purple)!important;transform:translateY(-1px)!important}.atthead-btn-out{color:var(--btn-grad-text)!important;background:linear-gradient(90deg,#9945ff,#ff6b6b)!important;border:none!important;font-family:DM Sans,sans-serif!important;font-weight:700!important;transition:opacity .15s,transform .12s,box-shadow .15s!important;position:relative!important;overflow:hidden!important;box-shadow:0 0 18px #ff6b6b47!important}.atthead-btn-out:after{content:"";background:linear-gradient(105deg,#0000 30%,#ffffff2e 50%,#0000 70%);transition:transform .45s;position:absolute;inset:0;transform:translate(-100%)}.atthead-btn-out:hover:after{transform:translate(100%)}.atthead-btn-out:hover{opacity:.88!important;transform:translateY(-1px)!important;box-shadow:0 0 26px #ff6b6b66!important}.atthead-panel{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:16px;flex-direction:column;gap:14px;padding:16px 18px;display:flex}.atthead-panel-head{justify-content:space-between;align-items:center;display:flex}.atthead-panel-title{color:var(--text-primary);align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.atthead-panel-sub{color:var(--text-muted);font-size:12px}.atthead-dot{background:var(--brand-purple);width:8px;height:8px;box-shadow:0 0 0 3px var(--focus-glow);border-radius:50%;flex-shrink:0}.atthead-filter{gap:0;padding:12px 18px}.atthead-filter-row{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.atthead-fgroup{flex-direction:column;flex:1;gap:5px;min-width:120px;display:flex}.atthead-fgroup--wide{flex:2;min-width:180px}.atthead-fgroup--auto{flex:none;align-self:flex-end}.atthead-flabel{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.atthead-finput{border:1px solid var(--border-input);background:var(--bg-input);width:100%;height:38px;color:var(--text-primary);box-sizing:border-box;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border-radius:8px;outline:none;padding:0 12px;font-family:DM Sans,sans-serif;font-size:13px;transition:border-color .15s,box-shadow .15s}[data-theme=light] .atthead-finput{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.atthead-finput:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--focus-ring);background:var(--bg-input-focus)}.atthead-finput[type=date]::-webkit-calendar-picker-indicator{opacity:.5;cursor:pointer;filter:invert()}[data-theme=light] .atthead-finput[type=date]::-webkit-calendar-picker-indicator{filter:invert(0)}.atthead-search-wrap{align-items:center;display:flex;position:relative}.atthead-search-wrap>svg{color:var(--text-muted);pointer-events:none;position:absolute;left:11px}.atthead-finput--search{padding-left:32px!important;padding-right:28px!important}.atthead-search-clear{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 4px;font-size:11px;line-height:1;transition:color .15s;position:absolute;right:10px}.atthead-search-clear:hover{color:var(--text-primary)}.atthead-reset-btn{border:1px solid var(--border-default);background:var(--bg-input);height:38px;color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:0 14px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;transition:border-color .15s,color .15s;display:inline-flex}.atthead-reset-btn:hover{border-color:var(--border-hover);color:var(--text-primary)}.atthead-table-wrap{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent;max-height:52vh;overflow:auto}.atthead-table-wrap::-webkit-scrollbar{width:3px;height:3px}.atthead-table-wrap::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:99px}.atthead-table{border-collapse:collapse;width:100%;min-width:780px}.atthead-th{z-index:2;border-bottom:1.5px solid var(--border-default);letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;padding:10px 12px;font-size:10.5px;font-weight:700;position:sticky;top:0;background:var(--bg-surface)!important;color:var(--text-muted)!important;text-align:center!important}.atthead-table tbody td{border-bottom:1px solid var(--border-default);color:var(--text-primary);vertical-align:middle;text-align:center;padding:10px 12px;font-size:13px}.atthead-row{cursor:pointer;transition:background .15s}.atthead-row:hover{background:var(--table-row-hover)}.atthead-date-cell{flex-direction:column;align-items:center;gap:2px;display:flex}.atthead-date-main{color:var(--text-primary);white-space:nowrap;font-size:12px;font-weight:700}.atthead-date-sub{color:var(--text-muted);white-space:nowrap;font-size:11px}.atthead-name-cell{color:var(--text-primary);white-space:nowrap;font-size:13px;font-weight:600}.atthead-time-cell{flex-direction:column;align-items:center;gap:3px;display:flex}.atthead-time-badge{background:var(--badge-bg);border:1px solid var(--badge-border);color:var(--text-muted);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:3px 9px;font-size:11.5px;font-weight:700;display:inline-flex}.atthead-time-badge--in{color:#0d9965;background:#14f1951a;border-color:#14f19538}.atthead-time-badge--out{color:var(--danger);background:#ff6b6b1a;border-color:#ff6b6b38}.atthead-loc-text{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;max-width:130px;font-size:10.5px;overflow:hidden}.atthead-badge{letter-spacing:.1px;white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.atthead-badge--present{color:#0d9965;background:#14f1951a;border-color:#14f19538}.atthead-badge--late{color:#a07800;background:#ffc8001a;border-color:#ffc80038}.atthead-badge--izin{color:var(--brand-purple);background:#9945ff1a;border-color:#9945ff38}.atthead-badge--sakit{color:var(--brand-cyan);background:#00c2ff1a;border-color:#00c2ff38}.atthead-badge--absent{color:var(--danger);background:#ff6b6b1a;border-color:#ff6b6b38}.atthead-badge--default{background:var(--badge-bg);border-color:var(--badge-border);color:var(--text-muted)}[data-theme=light] .atthead-badge--late{color:#92400e}[data-theme=light] .atthead-badge--izin{color:#5b21b6}[data-theme=light] .atthead-badge--sakit{color:#0369a1}.atthead-thumb{object-fit:cover;border:1px solid var(--border-default);background:var(--bg-input);cursor:pointer;border-radius:8px;width:40px;height:40px;margin:0 auto;transition:transform .15s;display:block}.atthead-thumb:hover{transform:scale(1.08)}.atthead-no-photo{color:var(--text-muted);font-size:13px}.atthead-note-cell{color:var(--text-muted);white-space:normal;word-break:break-word;max-width:150px;font-size:12px;line-height:1.4}.atthead-empty{text-align:center;color:var(--text-muted);margin:0;padding:36px;font-size:13px}.atthead-empty--err{color:var(--danger)}.atthead-pagination{justify-content:center;align-items:center;gap:8px;padding:4px 0 8px;display:flex}.atthead-page-nav{border:1px solid var(--border-default);background:var(--bg-surface);height:36px;color:var(--text-secondary);cursor:pointer;border-radius:999px;align-items:center;gap:5px;padding:0 14px;font-family:DM Sans,sans-serif;font-size:12.5px;font-weight:600;transition:border-color .15s,color .15s;display:inline-flex}.atthead-page-nav:hover:not(:disabled){border-color:var(--border-focus);color:var(--brand-purple)}.atthead-page-nav:disabled{opacity:.4;cursor:not-allowed}.atthead-pills{gap:4px;display:flex}.atthead-pill{border:1px solid var(--border-default);background:var(--bg-surface);width:32px;height:32px;color:var(--text-muted);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;font-family:DM Sans,sans-serif;font-size:12.5px;font-weight:700;transition:all .15s;display:flex}.atthead-pill:hover:not(:disabled):not(.atthead-pill--active){border-color:var(--border-focus);color:var(--brand-purple)}.atthead-pill--active{background:var(--brand-grad);color:var(--btn-grad-text);border-color:#0000}.atthead-pill:disabled{opacity:.4;cursor:not-allowed}@keyframes atthead-shimmer{0%,to{opacity:.35}50%{opacity:.8}}.atthead-skel-bar{background:var(--sidebar-item-hover);border-radius:5px;height:11px;animation:1.5s infinite atthead-shimmer;display:block}.atthead-skel-row td{border-bottom:1px solid var(--border-default);padding:11px 12px}.atthead-overlay{-webkit-backdrop-filter:blur(4px);z-index:200;background:#0000008c;justify-content:center;align-items:center;padding:16px;animation:.18s atthead-fadeIn;display:flex;position:fixed;inset:0}@keyframes atthead-fadeIn{0%{opacity:0}to{opacity:1}}.atthead-cam-box{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:20px;width:min(420px,100%);animation:.22s cubic-bezier(.16,1,.3,1) atthead-slideUp;position:relative;overflow:hidden;box-shadow:0 24px 64px #00000047}.atthead-cam-box:before{content:"";background:var(--brand-grad);opacity:.85;z-index:5;height:2px;position:absolute;top:0;left:0;right:0}@keyframes atthead-slideUp{0%{opacity:0;transform:translateY(16px)scale(.975)}to{opacity:1;transform:translateY(0)scale(1)}}.atthead-cam-head{border-bottom:1px solid var(--border-default);justify-content:space-between;align-items:center;padding:14px 16px 12px;display:flex}.atthead-cam-head-left{align-items:center;gap:8px;display:flex}.atthead-cam-icon-wrap{background:var(--card-glow);border:1px solid var(--border-default);width:28px;height:28px;color:var(--brand-purple);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.atthead-cam-title{letter-spacing:-.1px;color:var(--text-primary);font-size:13.5px;font-weight:700}.atthead-cam-step{color:var(--text-muted);background:var(--bg-input);border:1px solid var(--border-default);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.atthead-modal-close{border:1px solid var(--border-default);background:var(--bg-input);width:28px;height:28px;color:var(--text-muted);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:border-color .15s,color .15s,background .15s;display:flex}.atthead-modal-close:hover{background:var(--danger-bg);border-color:var(--danger-border);color:var(--danger)}.atthead-cam-preview{aspect-ratio:4/3;background:#000;width:100%;position:relative;overflow:hidden}.atthead-cam-preview video,.atthead-captured-img{object-fit:cover;width:100%;height:100%;display:block}.atthead-cam-preview:after{content:"";pointer-events:none;z-index:1;background:radial-gradient(#0000 52%,#0006 100%);position:absolute;inset:0}.atthead-loc-overlay{z-index:2;background:var(--bg-overlay);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border-default);border-radius:8px;flex-direction:column;gap:5px;padding:9px 12px;display:flex;position:absolute;bottom:10px;left:10px;right:10px}.atthead-loc-row{align-items:flex-start;gap:7px;display:flex}.atthead-loc-ic{color:var(--text-muted);flex-shrink:0;margin-top:1px}.atthead-loc-main{color:var(--text-primary);font-size:12px;font-weight:700;line-height:1.3}.atthead-coord-text{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:11px}.atthead-captured-badge{z-index:3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#0d9965;white-space:nowrap;background:#14f1952e;border:1px solid #14f1954d;border-radius:999px;align-items:center;gap:5px;padding:5px 13px 5px 9px;font-size:11.5px;font-weight:700;animation:.22s cubic-bezier(.34,1.56,.64,1) atthead-badge-pop;display:flex;position:absolute;top:11px;left:50%;transform:translate(-50%)}[data-theme=dark] .atthead-captured-badge{color:#14f195;background:#14f1951f}@keyframes atthead-badge-pop{0%{opacity:0;transform:translate(-50%)scale(.82)}to{opacity:1;transform:translate(-50%)scale(1)}}.atthead-cam-actions{flex-direction:column;gap:10px;padding:14px 16px 18px;display:flex}.atthead-cam-row{gap:10px;display:flex}.atthead-cam-row .atthead-cam-btn{flex:1}.atthead-cam-btn{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;height:52px;font-family:DM Sans,sans-serif;font-size:14.5px;font-weight:700;transition:opacity .15s,transform .12s;display:flex;position:relative;overflow:hidden}.atthead-cam-btn:after{content:"";background:linear-gradient(105deg,#0000 30%,#ffffff2e 50%,#0000 70%);transition:transform .45s;position:absolute;inset:0;transform:translate(-100%)}.atthead-cam-btn:hover:not(:disabled):not(.atthead-cam-btn--disabled):after{transform:translate(100%)}.atthead-cam-btn:hover:not(:disabled):not(.atthead-cam-btn--disabled){opacity:.9;transform:translateY(-1px)}.atthead-cam-btn:disabled,.atthead-cam-btn--disabled{opacity:.45;cursor:not-allowed;transform:none!important}.atthead-cam-btn--primary,.atthead-cam-btn--confirm{background:var(--brand-grad);color:var(--btn-grad-text);box-shadow:0 0 18px var(--orb-purple)}.atthead-cam-btn--ghost{background:var(--bg-input);border:1px solid var(--border-default);color:var(--text-secondary)}.atthead-cam-btn--ghost:hover:not(:disabled){border-color:var(--border-hover);color:var(--text-primary)}.atthead-cam-btn--loading{opacity:.65;cursor:not-allowed}.atthead-cam-hint{color:var(--text-muted);text-align:center;margin:0;font-size:11.5px;line-height:1.45}.atthead-spinner{border:2px solid #0003;border-top-color:var(--btn-grad-text);border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.7s linear infinite atthead-spin}.atthead-spinner--dark{border-color:var(--border-default);border-top-color:var(--text-primary)}@keyframes atthead-spin{to{transform:rotate(360deg)}}.atthead-detail-box{background:var(--bg-surface);border:1px solid var(--border-default);scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent;border-radius:20px;width:min(480px,96vw);max-height:min(88vh,780px);padding:20px;animation:.22s cubic-bezier(.16,1,.3,1) atthead-slideUp;position:relative;overflow-y:auto;box-shadow:0 24px 64px #00000047}.atthead-detail-box:before{content:"";background:var(--brand-grad);opacity:.8;border-radius:20px 20px 0 0;height:2px;position:absolute;top:0;left:0;right:0}.atthead-detail-box::-webkit-scrollbar{width:3px}.atthead-detail-box::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:99px}.atthead-detail-head{border-bottom:1px solid var(--border-default);background:var(--bg-surface);z-index:2;justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:12px;display:flex;position:sticky;top:-20px}.atthead-detail-head h3{color:var(--text-primary);letter-spacing:-.2px;margin:0;font-size:15px;font-weight:800}.atthead-detail-meta{background:var(--bg-surface-2);border:1px solid var(--border-default);border-radius:12px;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px;padding:12px 14px;display:grid}.atthead-detail-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px;margin-bottom:4px;font-size:10.5px;font-weight:700}.atthead-detail-value{color:var(--text-primary);font-size:13px;font-weight:700;line-height:1.35}.atthead-detail-cols{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px;display:grid}.atthead-dcard{border:1px solid var(--border-default);background:var(--bg-surface-2);border-radius:12px;flex-direction:column;gap:10px;padding:12px;display:flex}.atthead-dcard--in{border-top:2.5px solid #14f19566}.atthead-dcard--out{border-top:2.5px solid #ff6b6b66}.atthead-dcard-header{color:var(--text-primary);align-items:center;gap:6px;font-size:12.5px;font-weight:700;display:flex}.atthead-dcard-meta{flex-direction:column;gap:8px;display:flex}.atthead-dcard-photo{border:1px solid var(--border-default);background:var(--bg-input);border-radius:8px;flex:1;justify-content:center;align-items:center;min-height:70px;display:flex;overflow:hidden}.atthead-dcard-photo img{width:100%;height:auto;display:block}.atthead-no-photo-block{color:var(--text-muted);padding:14px;font-size:12px}.atthead-reason-section{flex-direction:column;gap:6px;display:flex}.atthead-note-counter{color:var(--text-muted);justify-content:flex-end;font-size:11px;display:flex}.atthead-note-counter--warn{color:#f59e0b;font-weight:600}.atthead-note-counter--over{color:var(--danger);font-weight:700}.atthead-textarea{box-sizing:border-box;resize:vertical;border:1px solid var(--border-input);background:var(--bg-input);width:100%;color:var(--text-primary);border-radius:8px;outline:none;min-height:80px;padding:10px 12px;font-family:DM Sans,sans-serif;font-size:13px;transition:border-color .15s,box-shadow .15s}.atthead-textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--focus-ring);background:var(--bg-input-focus)}.atthead-textarea:disabled{opacity:.55}.atthead-save-btn{background:var(--brand-grad);width:100%;height:42px;color:var(--btn-grad-text);cursor:pointer;box-shadow:0 0 18px var(--orb-purple);border:none;border-radius:8px;justify-content:center;align-items:center;gap:7px;margin-top:4px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:700;transition:opacity .15s,transform .12s;display:inline-flex;position:relative;overflow:hidden}.atthead-save-btn:after{content:"";background:linear-gradient(105deg,#0000 30%,#ffffff2e 50%,#0000 70%);transition:transform .45s;position:absolute;inset:0;transform:translate(-100%)}.atthead-save-btn:hover:not(:disabled):after{transform:translate(100%)}.atthead-save-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.atthead-save-btn:disabled,.atthead-save-btn--loading{opacity:.55;cursor:not-allowed;transform:none}@media (width<=640px){.atthead-shell{gap:10px;padding:12px}.atthead-banner{flex-direction:column;align-items:flex-start;padding:14px 16px}.atthead-title{font-size:15px}.atthead-actions{grid-template-columns:1fr 1fr;width:100%;display:grid}.atthead-actions>*{width:100%!important;min-width:0!important}.atthead-fgroup{flex:calc(50% - 5px);min-width:0}.atthead-fgroup--wide,.atthead-fgroup--auto{flex:100%}.atthead-panel{padding:12px 14px}.atthead-filter{padding:10px 14px}.atthead-cam-row{flex-direction:column}}@media (width<=520px){.atthead-detail-meta{grid-template-columns:1fr 1fr}.atthead-detail-cols{grid-template-columns:1fr}}@media (width<=380px){.atthead-detail-meta{grid-template-columns:1fr}.atthead-fgroup{flex:100%}}.lam-step-dot--muted,.lam-step-label--muted{opacity:.45}@media (width<=520px){.lam-box{border-radius:16px;padding:18px}.lam-grid-2{grid-template-columns:1fr}.lam-actions{flex-direction:column-reverse;align-items:stretch}.lam-btn{justify-content:center;width:100%}.lam-type-row{flex-direction:column}}.rl-dept-chip--pending .rl-dept-chip-icon,.rl-dept-chip--pending .rl-dept-chip-val{color:#d97706}.rl-dept-chip--approved .rl-dept-chip-icon,.rl-dept-chip--approved .rl-dept-chip-val{color:#00b870}[data-theme=dark] .rl-dept-chip--pending .rl-dept-chip-val,[data-theme=dark] .rl-dept-chip--pending .rl-dept-chip-icon{color:#fbbf24}[data-theme=dark] .rl-dept-chip--approved .rl-dept-chip-val,[data-theme=dark] .rl-dept-chip--approved .rl-dept-chip-icon{color:#14f195}.rl-status-buttons .rl-modal-btn-head{transition:all .2s}.rl-status-buttons .rl-modal-btn-head:not(.rl-modal-btn-head--success):not(.rl-modal-btn-head--reject){background:var(--bg-input);border:1px solid var(--border-input);color:var(--text-secondary);opacity:.7}.rl-status-buttons .rl-modal-btn-head:not(.rl-modal-btn-head--success):not(.rl-modal-btn-head--reject):hover:not(:disabled){border-color:var(--border-hover);opacity:.9;background:var(--bg-hover,#0000000a)}.rl-modal-btn-head{cursor:pointer;border:1px solid #0000;border-radius:999px;height:38px;padding:0 18px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;transition:opacity .15s,transform .1s,background .15s,box-shadow .15s;position:relative;overflow:hidden}.rl-modal-btn-head:disabled{opacity:.38;cursor:not-allowed}.rl-modal-btn-head--primary{background:var(--brand-grad,linear-gradient(90deg,#9945ff,#14f195));color:var(--btn-grad-text,#000);box-shadow:0 0 12px #9945ff38}.rl-modal-btn-head--primary:hover:not(:disabled){opacity:.88;transform:translateY(-1px)}.rl-modal-btn-head--danger{color:var(--danger,#ff6b6b);background:#ff505014;border-color:#ff505038}.rl-modal-btn-head--danger:hover:not(:disabled){background:#ff505029}.rl-modal-btn-head--success{font-weight:700;box-shadow:0 0 16px #14f19547;color:#000!important;background:linear-gradient(135deg,#14f195,#00c2ff)!important;border:1px solid #0000!important}.rl-modal-btn-head--success:hover:not(:disabled){opacity:.88;transform:translateY(-1px);box-shadow:0 0 20px #14f19561}.rl-modal-btn-head--reject{font-weight:700;box-shadow:0 0 16px #ff6b6b47;color:#fff!important;background:linear-gradient(135deg,#ff6b6b,#ff8787)!important;border:1px solid #0000!important}.rl-modal-btn-head--reject:hover:not(:disabled){opacity:.88;transform:translateY(-1px);box-shadow:0 0 20px #ff6b6b61}.rl-modal-btn-head--ghost{background:var(--bg-input);border-color:var(--border-input);color:var(--text-secondary)}.rl-modal-btn-head--ghost:hover:not(:disabled){border-color:var(--border-hover);color:var(--text-primary)}@media (width<=768px){.rl-wrap{gap:10px;padding:12px}.rl-header{padding:14px 16px 16px}.rl-header-top{flex-direction:column;align-items:stretch}.rl-apply-btn{justify-content:center;width:100%}.rl-dept-chips{gap:8px}.rl-dept-chip{flex:1;min-width:120px}.rl-filterbar{padding:10px 12px}.rl-filter-search{min-width:100%}.rl-table th,.rl-table td{padding:10px 12px}.rl-grid-2{grid-template-columns:1fr}}@media (width<=520px){.rl-table{font-size:12.5px}.rl-filterbar{flex-direction:column;align-items:stretch}.rl-clear-btn{justify-content:center;width:100%}.rl-dept-chip{width:100%}.rl-pagination{gap:6px}.rl-page-info{text-align:center;width:100%}}.spd-wrap{background:var(--bg-page);min-height:100%;color:var(--text-primary);box-sizing:border-box;flex-direction:column;gap:14px;padding:20px;font-family:DM Sans,sans-serif;display:flex}.spd-header{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:16px;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:14px;padding:18px 22px;display:flex;position:relative;overflow:hidden}.spd-header:before{content:"";background:var(--brand-grad,linear-gradient(90deg, #9945ff, #14f195));opacity:.75;pointer-events:none;height:2px;position:absolute;top:0;left:0;right:0}.spd-heading{letter-spacing:-.3px;color:var(--text-primary);margin:0 0 3px;font-size:17px;font-weight:700}.spd-date{color:var(--text-muted);text-transform:capitalize;margin:0;font-size:12.5px}.spd-apply-btn{background:var(--brand-grad,linear-gradient(90deg, #9945ff, #14f195));color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:999px;flex-shrink:0;align-items:center;gap:7px;height:38px;padding:0 18px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:700;transition:opacity .2s,transform .15s,box-shadow .2s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 0 14px #9945ff47}.spd-apply-btn:after{content:"";background:linear-gradient(105deg,#0000 30%,#ffffff38 50%,#0000 70%);transition:transform .45s;position:absolute;inset:0;transform:translate(-100%)}.spd-apply-btn:hover:after{transform:translate(100%)}.spd-apply-btn:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 0 22px #9945ff66}.spd-apply-btn:active{transform:translateY(0)}.spd-filterbar{z-index:10;border:1px solid var(--border-default);background:var(--bg-overlay,#0a0a0ad9);-webkit-backdrop-filter:blur(10px);border-radius:12px;flex-wrap:wrap;align-items:flex-end;gap:10px;padding:12px 18px;display:flex;position:sticky;top:0;box-shadow:0 2px 12px #00000014}[data-theme=light] .spd-filterbar{background:#ffffffe0}.spd-filter-group{flex-direction:column;gap:4px;display:flex}.spd-filter-label{text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);font-size:10.5px;font-weight:700}.spd-filter-sep{color:var(--text-muted);padding-bottom:8px;font-size:13px}.spd-search-input,.spd-select,.spd-date-input{border:1px solid var(--border-default);background:var(--bg-input);height:34px;color:var(--text-primary);border-radius:8px;outline:none;padding:0 12px;font-family:DM Sans,sans-serif;font-size:13px;transition:border-color .15s,box-shadow .15s,background .15s}.spd-search-input{min-width:200px}.spd-search-input::placeholder{color:var(--text-muted)}.spd-select,.spd-date-input{cursor:pointer}.spd-date-input{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=light] .spd-date-input{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.spd-date-input::-webkit-calendar-picker-indicator{opacity:.55;cursor:pointer;filter:invert()}[data-theme=light] .spd-date-input::-webkit-calendar-picker-indicator{filter:invert(0)}[data-theme=dark] .spd-select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=light] .spd-select{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.spd-select option{background:var(--bg-surface);color:var(--text-primary)}.spd-search-input:focus,.spd-select:focus,.spd-date-input:focus{border-color:var(--brand-purple,#9945ff);box-shadow:0 0 0 3px #9945ff1f}.spd-clear-btn{border:1px solid var(--border-default);background:var(--bg-input);height:34px;color:var(--text-muted);cursor:pointer;border-radius:999px;align-self:flex-end;align-items:center;gap:5px;padding:0 13px;font-family:DM Sans,sans-serif;font-size:12.5px;font-weight:600;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.spd-clear-btn:hover{color:var(--danger,#ff6b6b);background:#ff50500f;border-color:#ff505059}.spd-table-wrap{background:var(--bg-surface);border:1px solid var(--border-default);scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent;border-radius:16px;flex:1;overflow:auto visible}.spd-table-wrap::-webkit-scrollbar{height:4px}.spd-table-wrap::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:99px}.spd-empty{text-align:center;color:var(--text-muted);margin:0;padding:48px 24px;font-size:13.5px}.spd-table{border-collapse:collapse;text-align:left;width:100%;min-width:720px;font-family:DM Sans,sans-serif;font-size:13.5px}.spd-table thead tr{background:var(--bg-surface);border-bottom:1px solid var(--border-default)}.spd-table th{text-align:left;text-transform:uppercase;letter-spacing:.55px;color:var(--text-muted);white-space:nowrap;padding:11px 16px;font-size:11px;font-weight:700}.spd-table td{border-bottom:1px solid var(--border-default);vertical-align:middle;color:var(--text-primary);padding:13px 16px;text-align:left!important}.spd-table tbody tr:last-child td{border-bottom:none}.spd-tr{cursor:pointer;transition:background .12s}.spd-tr:hover{background:var(--table-row-hover)}.spd-strong{color:var(--text-primary);font-weight:600}.spd-muted{font-size:12.5px;color:var(--text-muted)!important}.spd-person{align-items:center;gap:9px;display:flex}.spd-person-avatar{width:30px;height:30px;color:var(--brand-purple,#9945ff);background:#9945ff1a;border:1.5px solid #9945ff40;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.spd-person-name{color:var(--text-primary);margin:0;font-size:13px;font-weight:700}.spd-person-sub{color:var(--text-muted);margin:1px 0 0;font-size:11.5px}.spd-sk-row td{border-bottom:1px solid var(--border-default);padding:13px 16px}.spd-sk-line{background:var(--bg-input);border-radius:6px;width:72%;height:11px;animation:1.5s infinite spd-pulse}.spd-badge{letter-spacing:.3px;white-space:nowrap;text-transform:uppercase;border-radius:6px;align-items:center;height:22px;padding:0 9px;font-family:DM Sans,sans-serif;font-size:11px;font-weight:700;display:inline-flex}.spd-badge--pending{color:#d97706;background:#f59e0b1a;border:1px solid #f59e0b38}[data-theme=dark] .spd-badge--pending{color:#fbbf24}.spd-badge--approved{color:#00b870;background:#14f1951a;border:1px solid #14f19540}[data-theme=dark] .spd-badge--approved{color:#14f195}.spd-badge--rejected{color:var(--danger,#ff6b6b);background:#ff505014;border:1px solid #ff505038}.spd-badge--cancelled{color:var(--text-muted);border:1px solid var(--border-default);background:#94a3b81f}.spd-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:4px 0 8px;display:flex}.spd-page-nav{border:1px solid var(--border-default);background:var(--bg-surface);height:36px;color:var(--text-secondary);cursor:pointer;border-radius:999px;align-items:center;gap:5px;padding:0 14px;font-family:DM Sans,sans-serif;font-size:12.5px;font-weight:600;transition:border-color .15s,color .15s;display:inline-flex}.spd-page-nav:hover:not(:disabled){border-color:var(--border-focus,#9945ff8c);color:var(--brand-purple,#9945ff)}.spd-page-nav:disabled{opacity:.4;cursor:not-allowed}.spd-page-pills{gap:4px;display:flex}.spd-page-pill{border:1px solid var(--border-default);background:var(--bg-surface);width:32px;height:32px;color:var(--text-muted);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;font-family:DM Sans,sans-serif;font-size:12.5px;font-weight:700;transition:all .15s;display:flex}.spd-page-pill:hover:not(:disabled):not(.active){border-color:var(--border-focus,#9945ff8c);color:var(--brand-purple,#9945ff)}.spd-page-pill.active{background:var(--brand-grad,linear-gradient(90deg, #9945ff, #14f195));color:var(--btn-grad-text,#000);border-color:#0000}.spd-page-pill:disabled{opacity:.4;cursor:not-allowed}.spd-page-info{color:var(--text-muted);font-size:13px}.spd-page-sep{color:var(--text-muted);margin:0 2px;font-weight:400}.spd-form{flex-direction:column;gap:14px;display:flex}.spd-field{flex-direction:column;gap:6px;display:flex}.spd-label{text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);font-size:11px;font-weight:700}.spd-input{border:1.5px solid var(--border-default);background:var(--bg-input);height:42px;color:var(--text-primary);box-sizing:border-box;border-radius:10px;outline:none;width:100%;padding:0 14px;font-family:DM Sans,sans-serif;font-size:13.5px;transition:border-color .15s,box-shadow .15s}.spd-input::placeholder{color:var(--text-muted)}.spd-input:focus{border-color:var(--brand-purple,#9945ff);box-shadow:0 0 0 3px #9945ff1f}.spd-input[type=date]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;cursor:pointer}[data-theme=light] .spd-input[type=date]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.spd-input[type=date]::-webkit-calendar-picker-indicator{opacity:.55;cursor:pointer;filter:invert()}[data-theme=light] .spd-input[type=date]::-webkit-calendar-picker-indicator{filter:invert(0)}.spd-grid-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.spd-hint{color:var(--text-muted);font-size:11.5px;display:block}.spd-file-label{border:1.5px dashed var(--border-default);background:var(--bg-input);height:42px;color:var(--text-muted);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border-radius:10px;align-items:center;gap:8px;padding:0 14px;font-family:DM Sans,sans-serif;font-size:13px;transition:border-color .15s,color .15s;display:flex;overflow:hidden}.spd-file-label:hover{border-color:var(--brand-purple,#9945ff);color:var(--text-primary)}.spd-file-remove{appearance:none;color:var(--danger,#ff6b6b);cursor:pointer;background:0 0;border:none;padding:0;font-family:DM Sans,sans-serif;font-size:12px}.spd-modal-btn{cursor:pointer;border:1px solid var(--border-default);background:var(--bg-input);height:38px;color:var(--text-primary);border-radius:999px;align-items:center;gap:6px;padding:0 18px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;transition:opacity .15s,transform .1s,background .15s,box-shadow .15s;display:inline-flex}.spd-modal-btn:hover:not(:disabled){border-color:var(--border-default)}.spd-modal-btn--primary{background:var(--brand-grad,linear-gradient(90deg, #9945ff, #14f195));color:#fff;border-color:#0000;box-shadow:0 0 12px #9945ff38}.spd-modal-btn--primary:hover:not(:disabled){opacity:.88;transform:translateY(-1px)}.spd-modal-btn--danger{color:var(--danger,#ff6b6b);background:#ff505014;border-color:#ff50504d}.spd-modal-btn--danger:hover:not(:disabled){background:#ff505029}.spd-modal-btn:disabled{opacity:.38;cursor:not-allowed}.spd-overlay{-webkit-backdrop-filter:blur(4px);z-index:300;background:#0000008c;justify-content:center;align-items:center;padding:16px;animation:.18s spd-fade;display:flex;position:fixed;inset:0}.spd-modal{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:20px;flex-direction:column;width:min(560px,100%);max-height:90vh;font-family:DM Sans,sans-serif;animation:.22s cubic-bezier(.16,1,.3,1) spd-slide;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 64px #00000047}.spd-modal:before{content:"";background:var(--brand-grad,linear-gradient(90deg, #9945ff, #14f195));opacity:.8;pointer-events:none;z-index:1;height:2px;position:absolute;top:0;left:0;right:0}.spd-modal-head{border-bottom:1px solid var(--border-default);justify-content:space-between;align-items:flex-start;gap:12px;padding:20px 22px 16px;display:flex}.spd-modal-title{color:var(--text-primary);margin:0 0 2px;font-size:16px;font-weight:700}.spd-modal-sub{color:var(--text-muted);margin:0;font-size:12px}.spd-modal-close{border:1px solid var(--border-default);background:var(--bg-input);width:30px;height:30px;color:var(--text-muted);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:border-color .15s,color .15s,background .15s;display:flex}.spd-modal-close:hover{color:var(--danger,#ff6b6b);background:#ff505014;border-color:#ff50504d}.spd-modal-body{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent;flex-direction:column;flex:1;gap:0;padding:18px 22px;display:flex;overflow-y:auto}.spd-modal-foot{border-top:1px solid var(--border-default);flex-wrap:wrap;justify-content:flex-end;gap:8px;padding:14px 22px 18px;display:flex}.spd-detail-grid{grid-template-columns:1fr 1fr;gap:10px;padding:4px 0;display:grid}.spd-detail-item{border:1px solid var(--border-default);background:var(--bg-input);border-radius:10px;padding:10px 12px}.spd-detail-item--full{grid-column:1/-1}.spd-detail-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:5px;font-size:10.5px;font-weight:700}.spd-detail-value{color:var(--text-primary);font-size:13.5px;font-weight:600}.spd-attach-link{color:var(--brand-purple,#9945ff);font-size:13px;font-weight:600;text-decoration:none}.spd-attach-link:hover{text-decoration:underline}@media (width<=768px){.spd-wrap{gap:10px;padding:12px}.spd-header{padding:14px 16px}.spd-filterbar,.spd-table th,.spd-table td{padding:10px 12px}.spd-grid-2,.spd-detail-grid{grid-template-columns:1fr}.spd-detail-item--full{grid-column:1}}@media (width<=520px){.spd-table{font-size:12.5px}.spd-filterbar{flex-direction:column;align-items:stretch}.spd-filter-sep{display:none}.spd-clear-btn{justify-content:center;width:100%}.spd-modal-foot{flex-direction:column-reverse}.spd-modal-btn{justify-content:center;width:100%}}.spd-participant-wrap{flex-direction:column;gap:8px;display:flex;position:relative}.spd-participant-tags{flex-wrap:wrap;gap:6px;display:flex}.spd-participant-tag{background:var(--card-glow);border:1px solid var(--border-default);color:var(--text-primary);border-radius:999px;align-items:center;gap:5px;padding:3px 8px 3px 10px;font-size:12px;font-weight:600;display:inline-flex}.spd-participant-tag button{cursor:pointer;color:var(--text-muted);background:0 0;border:none;padding:0;font-size:11px;line-height:1}.spd-participant-trigger{border:1px solid var(--border-input);background:var(--bg-input);height:36px;color:var(--text-secondary);cursor:pointer;border-radius:8px;align-items:center;gap:7px;padding:0 14px;font-size:13px;font-weight:600;transition:border-color .15s;display:inline-flex}.spd-participant-trigger:hover{border-color:var(--border-hover);color:var(--text-primary)}.spd-participant-dropdown{background:var(--bg-surface);border:1px solid var(--border-default);z-index:50;border-radius:12px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden;box-shadow:0 8px 24px #0000001f}.spd-participant-search{box-sizing:border-box;border:none;border-bottom:1px solid var(--border-default);background:var(--bg-input);width:100%;color:var(--text-primary);outline:none;padding:10px 14px;font-size:13px}.spd-participant-list{max-height:220px;overflow-y:auto}.spd-participant-empty{color:var(--text-muted);text-align:center;margin:0;padding:14px;font-size:13px}.spd-participant-item{cursor:pointer;align-items:center;gap:10px;padding:9px 14px;transition:background .12s;display:flex}.spd-participant-item:hover{background:var(--table-row-hover)}.spd-participant-item.checked{background:var(--card-glow)}.spd-participant-item-avatar{background:var(--brand-purple);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:700;display:flex}.spd-participant-item-name{color:var(--text-primary);margin:0;font-size:13px;font-weight:600}.spd-participant-item-sub{color:var(--text-muted);margin:0;font-size:11px}.ovt-input[type=date]::-webkit-calendar-picker-indicator{opacity:.55;cursor:pointer;filter:invert()}.ovt-input[type=time]::-webkit-calendar-picker-indicator{opacity:.55;cursor:pointer;filter:invert()}[data-theme=light] .ovt-input[type=date]::-webkit-calendar-picker-indicator{filter:invert(0)}[data-theme=light] .ovt-input[type=time]::-webkit-calendar-picker-indicator{filter:invert(0)}@media (width<=768px){.ovt-wrap{gap:10px;padding:12px}.ovt-header{padding:14px 16px 16px}.ovt-header-top{flex-direction:column;align-items:stretch}.ovt-apply-btn{justify-content:center;width:100%}.ovt-filterbar,.ovt-table th,.ovt-table td{padding:10px 12px}.ovt-grid-2{grid-template-columns:1fr}}@media (width<=520px){.ovt-table{font-size:12.5px}.ovt-filterbar{flex-direction:column;align-items:stretch}.ovt-filter-sep{display:none}.ovt-clear-btn{justify-content:center;width:100%}.ovt-detail-grid{grid-template-columns:1fr}.ovt-detail-item--full{grid-column:1}}@media (width<=768px){.hv-wrap{gap:10px;padding:12px}.hv-header{padding:14px 16px}.hv-detail-row{grid-template-columns:1fr;gap:4px}.hv-modal-foot{flex-direction:column-reverse}.hv-btn{justify-content:center;width:100%}}@media (width<=520px){.hv-table{font-size:12.5px}}.rq-container{background:var(--bg-page);width:100%;min-height:100%;color:var(--text-primary);box-sizing:border-box;flex-direction:column;gap:0;font-family:DM Sans,sans-serif;display:flex}.rq-filterbar{border-bottom:1px solid var(--border-default);background:var(--bg-surface);scrollbar-width:none;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:10px;padding:10px 18px;display:flex;overflow-x:auto}.rq-filterbar::-webkit-scrollbar{display:none}.rq-filter-label{text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);white-space:nowrap;flex-shrink:0;font-size:11px;font-weight:700}.rq-filter-select-wrap{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.rq-filter-chip{border:1px solid var(--border-default);background:var(--bg-input);height:32px;color:var(--text-muted);cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;transition:color .15s,border-color .15s,background .15s,box-shadow .15s;display:inline-flex}.rq-filter-chip:hover{color:var(--text-primary);border-color:var(--brand-purple,#9945ff)}.rq-filter-chip--active{color:var(--brand-purple,#9945ff);border-color:var(--brand-purple,#9945ff);background:#9945ff14;box-shadow:0 0 0 3px #9945ff1a}.rq-chip-icon{font-size:14px;line-height:1}.rq-filter-active-label{color:var(--brand-purple,#9945ff);white-space:nowrap;flex-shrink:0;margin-left:auto;font-size:12.5px;font-weight:600;display:none}.rq-content{flex:1;min-height:0;overflow:auto}@media (width<=640px){.rq-filterbar{gap:6px;padding:8px 12px}.rq-filter-chip{height:28px;padding:0 10px;font-size:12px}.rq-filter-active-label{display:flex}}.head-mainbar{background:var(--bg-page);flex-direction:column;height:100vh;font-family:DM Sans,sans-serif;transition:background .3s;display:flex;overflow:hidden}.head-mainbar-top{background:var(--bg-surface);border-bottom:1px solid var(--sidebar-border);z-index:20;flex-shrink:0;justify-content:space-between;align-items:center;height:62px;padding:0 20px;transition:background .3s,border-color .3s;display:flex;position:relative}.head-mainbar-top:before{content:"";background:var(--brand-grad);opacity:.5;pointer-events:none;height:1px;position:absolute;top:0;left:0;right:0}.head-mainbar-top-left{align-items:center;gap:14px;display:flex}.head-mainbar-top-right{align-items:center;gap:8px;display:flex}.head-mainbar-menu-btn{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:6px;transition:background .15s,color .15s;display:flex}.head-mainbar-menu-btn:hover{background:var(--sidebar-item-hover);color:var(--text-primary)}.head-nav-pill-btn{background:var(--bg-input);border:1px solid var(--border-input);color:var(--text-label);cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:5px;height:30px;padding:5px 13px;font-family:DM Sans,sans-serif;font-size:12.5px;font-weight:600;line-height:1;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.head-nav-pill-btn:hover{border-color:var(--brand-purple);color:var(--text-primary);background:var(--sidebar-item-active)}.head-nav-divider{background:var(--border-default);flex-shrink:0;width:1px;height:22px}.head-profile-wrap{margin-left:4px;position:relative}.head-profile-avatar-btn{border:1px solid var(--border-input);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:8px;padding:3px 10px 3px 3px;transition:border-color .15s,background .15s;display:flex}.head-profile-avatar-btn:hover{border-color:var(--border-hover);background:var(--sidebar-item-hover)}.head-profile-avatar-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;max-width:100px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;overflow:hidden}.head-profile-dropdown{background:var(--bg-surface);border:1px solid var(--border-default);z-index:100;border-radius:14px;min-width:230px;padding:6px;animation:.18s cubic-bezier(.16,1,.3,1) both headDropIn;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 40px #00000038,0 2px 8px #0000001f}[data-theme=dark] .head-profile-dropdown{background:#141414;border-color:#ffffff1a}[data-theme=dark] .head-profile-dropdown-email-main{color:#fff}[data-theme=dark] .head-profile-dropdown-item{color:#ffffffb3}[data-theme=dark] .head-profile-dropdown-item:hover{color:#fff;background:#ffffff0f}[data-theme=dark] .head-profile-dropdown-item.danger{color:var(--danger)}[data-theme=dark] .head-profile-dropdown-item.danger:hover{background:var(--danger-bg)}@keyframes headDropIn{0%{opacity:0;transform:translateY(-8px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.head-profile-dropdown-info{flex-direction:column;gap:2px;padding:8px 12px 10px;display:flex}.head-profile-dropdown-email-main{color:var(--text-primary);word-break:break-all;font-size:13px;font-weight:600;line-height:1.3}.head-profile-dropdown-role{align-items:center;gap:5px;margin-top:4px;display:inline-flex}.head-profile-dropdown-role span{letter-spacing:.6px;text-transform:uppercase;background:var(--brand-grad);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:10.5px;font-weight:700}.head-profile-dropdown-divider{background:var(--border-default);height:1px;margin:4px 0}.head-profile-dropdown-item{width:100%;color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:9px;padding:9px 12px;font-family:DM Sans,sans-serif;font-size:13.5px;font-weight:500;transition:background .15s,color .15s;display:flex}.head-profile-dropdown-item:hover{background:var(--sidebar-item-hover);color:var(--text-primary)}.head-profile-dropdown-item.danger{color:var(--danger)}.head-profile-dropdown-item.danger:hover{background:var(--danger-bg);color:var(--danger)}.head-leftbar-mobile-overlay{display:none}.head-mainbar-content{background:var(--bg-page);scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent;flex:1;transition:background .3s;overflow-y:auto}.head-mainbar-content::-webkit-scrollbar{width:4px}.head-mainbar-content::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:99px}@media (width<=1080px){.head-mainbar-top{padding:0 14px}.head-profile-dropdown{left:0;right:auto}.head-leftbar-mobile-overlay{z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;pointer-events:none;background:#0000008c;transition:opacity .25s;display:block;position:fixed;inset:0}.head-leftbar-mobile-overlay.open{opacity:1;pointer-events:auto}.head-leftbar-mobile-overlay .head-leftbar{border-right:none;border-left:1px solid var(--sidebar-border);transition:transform .28s cubic-bezier(.4,0,.2,1);position:absolute;inset:0 0 0 auto;transform:translate(100%);box-shadow:-6px 0 30px #00000040}.head-leftbar-mobile-overlay.open .head-leftbar{transform:translate(0)}}@media (width<=600px){.head-mainbar-top{height:56px;padding:0 14px}.head-nav-pill-btn{height:28px;padding:4px 10px;font-size:11.5px}.head-profile-avatar-name{display:none}.head-profile-avatar-btn{padding:3px}.head-mainbar-top{justify-content:space-between}.head-mainbar-top-right{flex:1;order:1}.head-mainbar-top-right .head-profile-wrap{order:-1;margin-left:0;margin-right:auto}.head-mainbar-top-left{order:2}}@media (width>=601px) and (width<=1080px){.head-mainbar-top{justify-content:space-between}.head-mainbar-top-right{flex:1;order:1}.head-mainbar-top-right .head-profile-wrap{order:-1;margin-left:0;margin-right:auto}.head-mainbar-top-left{order:2}}.direksi-container-app{background:var(--bg-page);height:100vh;display:flex;overflow:hidden}.direksi-left-bar{flex-shrink:0;height:100vh}.direksi-leftbar-desktop{display:block}.direksi-main-bar{flex:1;min-width:0;height:100vh;overflow:hidden}@media (width<=1080px){.direksi-leftbar-desktop{display:none}}.direksi-leftbar{background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);flex-direction:column;width:240px;height:100vh;transition:background .3s,border-color .3s;display:flex;position:relative;overflow:hidden}.direksi-leftbar:after{content:"";background:var(--brand-grad);opacity:.55;pointer-events:none;z-index:1;height:1px;position:absolute;top:0;left:0;right:0}.direksi-leftbar-header{border-bottom:1px solid var(--sidebar-border);flex-shrink:0;align-items:center;gap:10px;height:62px;padding:0 16px;display:flex}.direksi-leftbar-toggle-btn{cursor:pointer;width:32px;height:32px;color:var(--text-muted);background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.direksi-leftbar-toggle-btn:hover{background:var(--sidebar-item-hover);color:var(--text-primary)}.direksi-leftbar-brand{letter-spacing:-.4px;background:var(--brand-grad);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:16px;font-weight:700;line-height:1}.direksi-leftbar-nav{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent;flex-direction:column;flex:1;gap:1px;padding:10px 8px 20px;display:flex;overflow-y:auto}.direksi-leftbar-nav::-webkit-scrollbar{width:3px}.direksi-leftbar-nav::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:99px}.direksi-leftbar-group{flex-direction:column;display:flex}.direksi-leftbar-item{cursor:pointer;width:100%;font-size:13.5px;font-weight:500;font-family:var(--font-main);color:var(--text-secondary);text-align:left;background:0 0;border:none;border-radius:9px;align-items:center;gap:9px;padding:8px 10px;transition:background .15s,color .15s;display:flex;position:relative}.direksi-leftbar-item:hover{background:var(--sidebar-item-hover);color:var(--text-primary)}.direksi-leftbar-item.active{background:var(--sidebar-item-active);color:var(--brand-purple);font-weight:600}.direksi-leftbar-item.active:before{content:"";background:var(--brand-grad);border-radius:0 3px 3px 0;width:2.5px;position:absolute;top:18%;bottom:18%;left:0}.direksi-leftbar-item-icon{opacity:.75;flex-shrink:0;justify-content:center;align-items:center;width:20px;transition:opacity .15s;display:flex}.direksi-leftbar-item:hover .direksi-leftbar-item-icon,.direksi-leftbar-item.active .direksi-leftbar-item-icon{opacity:1}.direksi-leftbar-item-label{flex:1}.direksi-leftbar-chevron{color:var(--text-dimmed);flex-shrink:0;transition:transform .2s,color .15s}.direksi-leftbar-chevron.open{color:var(--text-muted);transform:rotate(180deg)}.direksi-leftbar-submenu{grid-template-rows:0fr;transition:grid-template-rows .22s cubic-bezier(.4,0,.2,1);display:grid;overflow:hidden}.direksi-leftbar-submenu.open{grid-template-rows:1fr}.direksi-leftbar-submenu-inner{border-left:1px solid var(--border-default);flex-direction:column;gap:1px;margin-left:18px;padding:2px 0 2px 8px;display:flex;overflow:hidden}.direksi-leftbar-subitem{cursor:pointer;width:100%;font-size:13px;font-weight:400;font-family:var(--font-main);color:var(--text-muted);text-align:left;background:0 0;border:none;border-radius:7px;align-items:center;gap:8px;padding:7px 10px;transition:background .15s,color .15s;display:flex}.direksi-leftbar-subitem:hover{background:var(--sidebar-item-hover);color:var(--text-primary)}.direksi-leftbar-subitem.active{color:var(--brand-green);background:#14f1950f;font-weight:600}.direksi-leftbar-subitem-icon{opacity:.6;flex-shrink:0;justify-content:center;align-items:center;width:16px;transition:opacity .15s;display:flex}.direksi-leftbar-subitem:hover .direksi-leftbar-subitem-icon,.direksi-leftbar-subitem.active .direksi-leftbar-subitem-icon{opacity:1}@media (width<=1080px){.direksi-leftbar{border-right:none;border-left:1px solid var(--sidebar-border);z-index:51;width:250px;transition:transform .28s cubic-bezier(.4,0,.2,1);position:absolute;inset:0 0 0 auto;transform:translate(100%);box-shadow:-6px 0 30px #00000040}.direksi-leftbar-mobile-overlay.open .direksi-leftbar{transform:translate(0)}}.hdash{background:var(--bg-page);min-height:100%;color:var(--text-primary);box-sizing:border-box;flex-direction:column;gap:14px;padding:20px;font-family:DM Sans,sans-serif;display:flex}.hdash-avatar-img{object-fit:cover;border-radius:50%;flex-shrink:0;display:block}.hdash-avatar-fallback{letter-spacing:-.3px;-webkit-user-select:none;user-select:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-family:DM Sans,sans-serif;font-weight:700;line-height:1;display:inline-flex}.hdash-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.hdash-dot.purple{background:#8b5cf6;box-shadow:0 0 0 3px #8b5cf626}.hdash-dot.amber{background:#f59e0b;box-shadow:0 0 0 3px #f59e0b26}.hdash-dot.green{background:#10b981;box-shadow:0 0 0 3px #10b98126}.hdash-dot.red{background:#ef4444;box-shadow:0 0 0 3px #ef444426}.hdash-banner{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:16px;flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 22px;display:flex;position:relative;overflow:hidden}.hdash-banner:before{content:"";background:var(--brand-grad,linear-gradient(90deg,#8b5cf6,#6366f1));opacity:.7;height:2px;position:absolute;top:0;left:0;right:0}.hdash-banner--skel{pointer-events:none}.hdash-greeting{color:var(--text-primary);letter-spacing:-.3px;margin:0 0 3px;font-size:17px;font-weight:700}.hdash-date{color:var(--text-muted);text-transform:capitalize;margin:0;font-size:12.5px}.hdash-cal-btn{background:var(--bg-input);border:1px solid var(--border-input);color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-radius:999px;flex-shrink:0;align-items:center;gap:7px;padding:8px 16px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.hdash-cal-btn:hover{border-color:var(--brand-purple,#8b5cf6);color:var(--brand-purple,#8b5cf6);background:var(--sidebar-item-active)}.hdash-tabs{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:12px;flex-shrink:0;gap:6px;min-width:0;padding:5px;display:none;overflow:hidden}.hdash-tab{min-width:0;color:var(--text-muted);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:3px;padding:4px 3px;font-family:DM Sans,sans-serif;font-size:12.5px;font-weight:600;transition:background .15s,color .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden}.hdash-tab:hover{background:var(--sidebar-item-hover);color:var(--text-secondary)}.hdash-tab--active{background:var(--bg-page);color:var(--text-primary);box-shadow:0 1px 4px #0000001a}.hdash-tab-badge{color:#fff;text-align:center;background:#ef4444;border-radius:999px;min-width:16px;padding:1px 5px;font-size:10px;font-weight:700;line-height:14px}.hdash-grid{flex:1;grid-template-columns:1fr 320px;align-items:start;gap:14px;min-height:0;display:grid}.hdash-right{flex-direction:column;gap:14px;display:flex}.hdash-col-main{flex-direction:column;min-height:0;display:flex}.hdash-tab-content{flex-direction:column;display:flex}.hdash-panel{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:16px;flex-direction:column;gap:12px;padding:18px;transition:background .3s,border-color .3s;display:flex}.hdash-panel-head{flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;display:flex}.hdash-panel-title{color:var(--text-primary);letter-spacing:-.2px;align-items:center;gap:8px;font-size:13.5px;font-weight:700;display:flex}.hdash-panel-sub{color:var(--text-muted);flex-shrink:0;font-size:12px}.hdash-err{color:#ef4444;margin:0;font-size:12.5px}.hdash-empty-sm{color:var(--text-muted);margin:0;padding:8px 0;font-size:13px}.hdash-empty{color:var(--text-muted);flex-direction:column;align-items:center;gap:10px;padding:40px 0;display:flex}.hdash-empty p{margin:0;font-size:13px}.hdash-empty svg{opacity:.3}.hdash-mobile-head{display:none}.hdash-posts-head-right{align-items:center;gap:8px;display:flex}.hdash-search-wrap{flex-shrink:0;align-items:center;display:flex;position:relative}.hdash-search-wrap>svg{color:var(--text-muted);pointer-events:none;position:absolute;left:9px}.hdash-search-clear{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 4px;font-size:11px;line-height:1;transition:color .15s;position:absolute;right:8px}.hdash-search-clear:hover{color:var(--text-primary)}.hdash-search{border:1px solid var(--border-input);background:var(--bg-input);height:30px;color:var(--text-primary);border-radius:8px;outline:none;width:130px;padding:0 26px 0 28px;font-family:DM Sans,sans-serif;font-size:12.5px;transition:border-color .15s,width .2s}.hdash-search:focus{border-color:var(--brand-purple,#8b5cf6);width:160px}.hdash-search--full,.hdash-search--full:focus{width:100%}.hdash-new-post-btn{gap:6px;box-shadow:0 0 14px #9945ff59;height:30px!important;color:var(--btn-grad-text,#000)!important;border-radius:8px!important;padding:0 14px!important;font-size:12.5px!important}.hdash-new-post-btn:hover{opacity:.88;transform:translateY(-1px);box-shadow:0 4px 14px #8b5cf661}.hdash-new-post-btn:active{transform:translateY(0)}.hdash-compose{border:1px solid var(--border-default);background:var(--bg-page);border-radius:14px;animation:.2s cubic-bezier(.16,1,.3,1) hdash-compose-in;overflow:hidden}.hdash-compose-header{border-bottom:1px solid var(--border-default);justify-content:space-between;align-items:center;padding:12px 14px 10px;display:flex}.hdash-compose-title{color:var(--text-primary);align-items:center;gap:7px;font-size:13px;font-weight:700;display:flex}.hdash-compose-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;font-size:13px;transition:background .15s,color .15s;display:flex}.hdash-compose-close:hover{color:#ef4444;background:#ef44441a}.hdash-compose-footer{border-top:1px solid var(--border-default);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;display:flex}.hdash-compose-hint{color:var(--text-muted);align-items:center;gap:5px;font-size:11.5px;display:flex}.hdash-compose-actions{flex-shrink:0;gap:8px;display:flex}.hdash-btn-ghost{border:1px solid var(--border-default);height:32px;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:8px;padding:0 14px;font-family:DM Sans,sans-serif;font-size:12.5px;font-weight:600;transition:border-color .15s,color .15s,background .15s}.hdash-btn-ghost:hover{border-color:var(--text-muted);color:var(--text-primary);background:var(--bg-input)}.hdash-btn-primary{color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;height:32px;padding:0 16px;font-family:DM Sans,sans-serif;font-size:12.5px;font-weight:700;transition:opacity .15s,transform .1s;display:inline-flex;box-shadow:0 2px 8px #8b5cf64d}.hdash-btn-primary:hover:not(:disabled){opacity:.88;transform:translateY(-1px)}.hdash-btn-primary:active:not(:disabled){transform:translateY(0)}.hdash-btn-primary:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.hdash-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:12px;height:12px;animation:.7s linear infinite hdash-spin}.rte-wrap{background:var(--bg-surface);flex-direction:column;display:flex}.rte-toolbar{border-bottom:1px solid var(--border-default);background:var(--bg-input);flex-wrap:wrap;align-items:center;gap:2px;padding:8px 10px;display:flex}.rte-sep{background:var(--border-default);flex-shrink:0;width:1px;height:18px;margin:0 4px}.rte-btn{width:28px;height:26px;color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;transition:background .12s,color .12s,border-color .12s;display:inline-flex}.rte-btn:hover{background:var(--sidebar-item-hover);color:var(--text-primary);border-color:var(--border-input)}.rte-btn--active{color:var(--brand-purple,#8b5cf6);background:#8b5cf61f;border-color:#8b5cf640}.rte-btn--active:hover{color:var(--brand-purple,#8b5cf6);background:#8b5cf62e}.rte-bold{font-style:normal;font-weight:800}.rte-italic{font-style:italic;font-weight:600}.rte-underline{text-decoration:underline}.rte-strikeThrough{text-decoration:line-through}.rte-area{min-height:120px;max-height:320px;color:var(--text-primary);caret-color:var(--brand-purple,#8b5cf6);scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent;outline:none;padding:12px 14px;font-family:DM Sans,sans-serif;font-size:13.5px;line-height:1.65;overflow-y:auto}.rte-area::-webkit-scrollbar{width:3px}.rte-area::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:99px}.rte-area:empty:before{content:attr(data-placeholder);color:var(--text-muted);pointer-events:none;font-size:13px}.rte-area h2{color:var(--text-primary);letter-spacing:-.2px;margin:8px 0 4px;font-size:16px;font-weight:700}.rte-area h3{color:var(--text-primary);margin:6px 0 3px;font-size:14px;font-weight:700}.rte-area ul{margin:4px 0;padding-left:20px;list-style:outside}.rte-area ol{margin:4px 0;padding-left:20px;list-style:decimal}.rte-area li{margin:2px 0}.rte-area a{color:var(--brand-purple,#8b5cf6);text-underline-offset:2px;text-decoration:underline}.rte-area strong{font-weight:700}.rte-area em{font-style:italic}.hdash-posts{min-height:300px;overflow:hidden}.hdash-feed{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent;flex-direction:column;flex:1;gap:10px;display:flex;overflow-y:auto}.hdash-feed::-webkit-scrollbar{width:3px}.hdash-feed::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:99px}.hdash-post-card{border:1px solid var(--border-default);background:var(--bg-page);border-radius:12px;gap:11px;padding:13px;transition:border-color .15s;display:flex}.hdash-post-card:hover{border-color:var(--brand-purple,#8b5cf6)}.hdash-post-av{object-fit:cover;border-radius:50%;flex-shrink:0;width:36px;height:36px}.hdash-post-body{flex:1;min-width:0}.hdash-post-top{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:6px;display:flex}.hdash-post-meta-left{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.hdash-post-name{color:var(--text-primary);font-size:13px;font-weight:700}.hdash-post-time{color:var(--text-muted);white-space:nowrap;font-size:11px}.hdash-post-edited{color:var(--text-muted);background:var(--bg-input);border-radius:4px;padding:1px 5px;font-size:10.5px;font-style:italic}.hdash-post-content{color:var(--text-secondary);margin:0 0 8px;font-size:13px;line-height:1.6}.hdash-post-content h2{color:var(--text-primary);margin:6px 0 3px;font-size:15px;font-weight:700}.hdash-post-content h3{color:var(--text-primary);margin:5px 0 2px;font-size:13.5px;font-weight:700}.hdash-post-content ul{margin:4px 0;padding-left:18px;list-style:outside}.hdash-post-content ol{margin:4px 0;padding-left:18px;list-style:decimal}.hdash-post-content li{margin:2px 0}.hdash-post-content a{color:var(--brand-purple,#8b5cf6);text-decoration:underline}.hdash-post-content strong{font-weight:700}.hdash-post-content em{font-style:italic}.hdash-edit-wrap{border:1px solid var(--border-input);border-radius:10px;margin-bottom:8px;overflow:hidden}.hdash-edit-actions{justify-content:flex-end;gap:8px;padding:8px 0 2px;display:flex}.hdash-post-footer{gap:12px;margin-top:6px;display:flex}.hdash-post-stat{color:var(--text-muted);font-size:12px;font-weight:500}.hdash-post-menu{flex-shrink:0;gap:4px;display:flex}.hdash-post-mini{border:1px solid var(--border-default);background:var(--bg-input);width:28px;height:28px;color:var(--text-muted);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;transition:background .12s,border-color .12s,color .12s;display:flex}.hdash-post-mini:hover{border-color:var(--brand-purple,#8b5cf6);color:var(--brand-purple,#8b5cf6);background:#8b5cf60f}.hdash-post-mini--danger:hover{color:#ef4444;background:#ef44440f;border-color:#ef4444}.hdash-events{cursor:pointer;transition:transform .15s,box-shadow .15s,border-color .15s}.hdash-events:hover{border-color:var(--brand-purple,#8b5cf6);transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.hdash-event-list{flex-direction:column;gap:10px;display:flex}.hdash-more-label{color:var(--text-muted);margin:0;padding-left:2px;font-size:12px}.hdash-next-block{border-top:1px solid var(--border-default);padding-top:12px}.hdash-next-label{text-transform:uppercase;letter-spacing:.7px;color:var(--text-muted);margin:0 0 8px;font-size:10.5px;font-weight:700}.hdash-absent-list{flex-direction:column;gap:8px;display:flex}.hdash-badge-count{color:#ef4444;white-space:nowrap;background:#ef444414;border:1px solid #ef444433;border-radius:999px;align-items:center;padding:2px 9px;font-size:11.5px;font-weight:600;display:inline-flex}.hdash-absent-tag{color:#ef4444;text-transform:uppercase;letter-spacing:.4px;background:#ef444414;border:1px solid #ef44442e;border-radius:6px;flex-shrink:0;padding:2px 8px;font-size:10.5px;font-weight:700}.hdash-item-row{align-items:center;gap:10px;display:flex}.hdash-item-info{flex:1;min-width:0}.hdash-item-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:13px;font-weight:600;overflow:hidden}.hdash-item-sub{color:var(--text-muted);text-transform:capitalize;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:11.5px;overflow:hidden}.hdash-pagination{border-top:1px solid var(--border-default);justify-content:center;align-items:center;gap:6px;padding-top:10px;display:flex}.hdash-page-btn{border:1px solid var(--border-default);background:var(--bg-input);width:30px;height:30px;color:var(--text-secondary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;font-size:13px;transition:background .15s,border-color .15s,color .15s;display:flex}.hdash-page-btn:hover:not(:disabled){border-color:var(--brand-purple,#8b5cf6);color:var(--brand-purple,#8b5cf6);background:var(--sidebar-item-active)}.hdash-page-btn:disabled{opacity:.35;cursor:not-allowed}.hdash-page-pills{gap:4px;display:flex}.hdash-page-pill{border:1px solid var(--border-default);background:var(--bg-input);width:28px;height:28px;color:var(--text-muted);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;transition:background .15s,border-color .15s,color .15s;display:flex}.hdash-page-pill:hover{border-color:var(--brand-purple,#8b5cf6);color:var(--brand-purple,#8b5cf6)}.hdash-page-pill.active{background:var(--brand-purple,#8b5cf6);border-color:var(--brand-purple,#8b5cf6);color:#fff}.hdash-skel-bar{background:var(--sidebar-item-hover,#00000012);border-radius:6px;height:11px;animation:1.5s infinite hdash-shimmer}.hdash-skel-row{align-items:center;gap:11px;padding:6px 0;display:flex}.hdash-skel-circle{background:var(--sidebar-item-hover,#00000012);border-radius:50%;flex-shrink:0;width:34px;height:34px;animation:1.5s infinite hdash-shimmer}.hdash-skel-lines{flex-direction:column;flex:1;gap:7px;display:flex}.hdash-skel-post{border:1px solid var(--border-default);background:var(--bg-page);border-radius:12px;align-items:flex-start;gap:11px;padding:13px}.hdash-skel-post .hdash-skel-circle{width:36px;height:36px;margin-top:2px}.hdash-skel-post .hdash-skel-lines{gap:8px;padding-top:2px}.hdash-cal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:200;background:#00000080;justify-content:center;align-items:center;animation:.18s hdash-fadeIn;display:flex;position:fixed;inset:0}.hdash-cal-modal{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:20px;width:380px;max-width:95vw;max-height:90vh;padding:24px;animation:.22s cubic-bezier(.16,1,.3,1) hdash-slideUp;overflow-y:auto;box-shadow:0 24px 64px #0000004d}.hdash-cal-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.hdash-cal-head h3{color:var(--text-primary);margin:0;font-size:15px;font-weight:700}.hdash-cal-close{border:1px solid var(--border-default);background:var(--bg-input);width:28px;height:28px;color:var(--text-muted);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;font-size:12px;transition:all .15s;display:flex}.hdash-cal-close:hover{color:#ef4444;background:#ef44441a;border-color:#ef4444}.hdash-cal-modal .react-calendar{background:0 0;border:none;width:100%;font-family:DM Sans,sans-serif;line-height:1.4}.hdash-cal-modal .react-calendar__navigation{align-items:center;gap:2px;margin-bottom:10px;display:flex}.hdash-cal-modal .react-calendar__navigation button{color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:8px;min-width:36px;padding:6px 10px;font-family:DM Sans,sans-serif;font-size:13.5px;font-weight:600;transition:background .15s,color .15s}.hdash-cal-modal .react-calendar__navigation button:hover,.hdash-cal-modal .react-calendar__navigation button:focus{background:var(--sidebar-item-hover);color:var(--brand-purple,#8b5cf6);outline:none}.hdash-cal-modal .react-calendar__navigation button:disabled{opacity:.3;cursor:not-allowed}.hdash-cal-modal .react-calendar__navigation__label{letter-spacing:-.2px;flex:1;font-size:14px;font-weight:700}.hdash-cal-modal .react-calendar__month-view__weekdays{margin-bottom:4px}.hdash-cal-modal .react-calendar__month-view__weekdays__weekday{text-align:center;padding:4px 0}.hdash-cal-modal .react-calendar__month-view__weekdays__weekday abbr{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-size:11px;font-weight:700;text-decoration:none}.hdash-cal-modal .react-calendar__tile{color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:8px 4px;font-family:DM Sans,sans-serif;font-size:13px;transition:background .12s,color .12s;display:flex;position:relative}.hdash-cal-modal .react-calendar__tile:hover{background:var(--sidebar-item-hover)!important}.hdash-cal-modal .react-calendar__tile:focus{outline:none;background:var(--sidebar-item-hover)!important}.hdash-cal-modal .react-calendar__tile--now{font-weight:700;background:var(--sidebar-item-active)!important;color:var(--brand-purple,#8b5cf6)!important}.hdash-cal-modal .react-calendar__tile--active,.hdash-cal-modal .react-calendar__tile--active:hover{font-weight:700;background:var(--brand-purple,#8b5cf6)!important;color:#fff!important}.hdash-cal-modal .react-calendar__month-view__days__day--neighboringMonth{opacity:.45;color:var(--text-dimmed)!important}.hdash-cal-modal .react-calendar__month-view__days__day--weekend{color:var(--text-secondary)}.hdash-cal-modal .react-calendar__year-view__months__month,.hdash-cal-modal .react-calendar__decade-view__years__year,.hdash-cal-modal .react-calendar__century-view__decades__decade{color:var(--text-primary);border-radius:8px;padding:12px 6px;font-size:13px}.hdash-cal-dot{background:var(--brand-purple,#8b5cf6);border-radius:50%;width:5px;height:5px;margin:2px auto 0}.hdash-cal-legend{color:var(--text-muted);border-top:1px solid var(--border-default);border-bottom:1px solid var(--border-default);gap:16px;padding:10px 0;font-size:12px;display:flex}.hdash-cal-legend span{align-items:center;gap:6px;display:flex}.hdash-bday{margin-top:4px}.hdash-bday h4{color:var(--text-primary);margin:0 0 10px;font-size:13px;font-weight:700}.hdash-bday ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.hdash-bday li{color:var(--text-secondary);align-items:center;gap:10px;font-size:13px;display:flex}@media (width<=960px){.hdash-tabs{display:flex}.hdash-grid{grid-template-columns:1fr}.hdash-right{display:contents}.hdash-tab-content{display:none}.hdash-tab-content--active{display:flex}.hdash-panel-head--desktop{display:none}.hdash-mobile-head{align-items:center;gap:8px;display:flex}}@media (width<=600px){.hdash{gap:10px;padding:12px}.hdash-banner{padding:14px 16px}.hdash-greeting{font-size:15px}.hdash-cal-btn span{display:none}.hdash-panel{padding:14px}.hdash-tab{gap:4px;padding:7px 4px;font-size:11.5px}.rte-toolbar{gap:1px;padding:6px 8px}.rte-btn{width:26px;height:24px}.hdash-compose-footer{flex-direction:column;align-items:flex-start}.hdash-compose-actions{align-self:flex-end}}@media (width<=360px){.hdash-tab{gap:3px;padding:6px 3px;font-size:10.5px}.hdash-tabs{gap:4px;padding:4px}}.attd-shell{background:var(--bg-page);min-height:100%;color:var(--text-primary);box-sizing:border-box;flex-direction:column;gap:12px;padding:20px;font-family:DM Sans,sans-serif;display:flex}.attd-guard{text-align:center;color:var(--text-muted);padding:40px;font-family:DM Sans,sans-serif}.attd-banner{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:16px;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;display:flex;position:relative;overflow:hidden}.attd-banner:before{content:"";background:var(--brand-grad);opacity:.8;height:2px;position:absolute;top:0;left:0;right:0}.attd-title{letter-spacing:-.3px;color:var(--text-primary);margin:0 0 3px;font-size:17px;font-weight:800}.attd-subtitle{color:var(--text-muted);text-transform:capitalize;margin:0;font-size:12.5px}.attd-actions{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;gap:10px;display:flex}.attd-btn-inner{align-items:center;gap:7px;font-weight:700;display:inline-flex}.attd-btn-in{background:var(--brand-grad)!important;color:var(--btn-grad-text)!important;box-shadow:0 0 18px var(--orb-purple)!important;border:none!important;font-family:DM Sans,sans-serif!important;font-weight:700!important;transition:opacity .15s,transform .12s,box-shadow .15s!important;position:relative!important;overflow:hidden!important}.attd-btn-in:after{content:"";background:linear-gradient(105deg,#0000 30%,#ffffff2e 50%,#0000 70%);transition:transform .45s;position:absolute;inset:0;transform:translate(-100%)}.attd-btn-in:hover:after{transform:translate(100%)}.attd-btn-in:hover{opacity:.88!important;box-shadow:0 0 26px var(--orb-purple)!important;transform:translateY(-1px)!important}.attd-btn-out{color:var(--btn-grad-text)!important;background:linear-gradient(90deg,#9945ff,#ff6b6b)!important;border:none!important;font-family:DM Sans,sans-serif!important;font-weight:700!important;transition:opacity .15s,transform .12s,box-shadow .15s!important;position:relative!important;overflow:hidden!important;box-shadow:0 0 18px #ff6b6b47!important}.attd-btn-out:after{content:"";background:linear-gradient(105deg,#0000 30%,#ffffff2e 50%,#0000 70%);transition:transform .45s;position:absolute;inset:0;transform:translate(-100%)}.attd-btn-out:hover:after{transform:translate(100%)}.attd-btn-out:hover{opacity:.88!important;transform:translateY(-1px)!important;box-shadow:0 0 26px #ff6b6b66!important}.attd-panel{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:16px;flex-direction:column;gap:14px;padding:16px 18px;display:flex}.attd-panel-head{justify-content:space-between;align-items:center;display:flex}.attd-panel-title{color:var(--text-primary);align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.attd-panel-sub{color:var(--text-muted);font-size:12px}.attd-dot{background:var(--brand-purple);width:8px;height:8px;box-shadow:0 0 0 3px var(--focus-glow);border-radius:50%;flex-shrink:0}.attd-filter{gap:0;padding:12px 18px}.attd-filter-row{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.attd-fgroup{flex-direction:column;flex:1;gap:5px;min-width:120px;display:flex}.attd-fgroup--wide{flex:2;min-width:180px}.attd-fgroup--auto{flex:none;align-self:flex-end}.attd-flabel{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.attd-finput{border:1px solid var(--border-input);background:var(--bg-input);width:100%;height:38px;color:var(--text-primary);box-sizing:border-box;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border-radius:8px;outline:none;padding:0 12px;font-family:DM Sans,sans-serif;font-size:13px;transition:border-color .15s,box-shadow .15s}[data-theme=light] .attd-finput{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.attd-finput:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--focus-ring);background:var(--bg-input-focus)}.attd-finput[type=date]::-webkit-calendar-picker-indicator{opacity:.5;cursor:pointer;filter:invert()}[data-theme=light] .attd-finput[type=date]::-webkit-calendar-picker-indicator{filter:invert(0)}.attd-search-wrap{align-items:center;display:flex;position:relative}.attd-search-wrap>svg{color:var(--text-muted);pointer-events:none;position:absolute;left:11px}.attd-finput--search{padding-left:32px!important;padding-right:28px!important}.attd-search-clear{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 4px;font-size:11px;line-height:1;transition:color .15s;position:absolute;right:10px}.attd-search-clear:hover{color:var(--text-primary)}.attd-reset-btn{border:1px solid var(--border-default);background:var(--bg-input);height:38px;color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:0 14px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;transition:border-color .15s,color .15s;display:inline-flex}.attd-reset-btn:hover{border-color:var(--border-hover);color:var(--text-primary)}.attd-table-wrap{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent;max-height:52vh;overflow:auto}.attd-table-wrap::-webkit-scrollbar{width:3px;height:3px}.attd-table-wrap::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:99px}.attd-table{border-collapse:collapse;width:100%;min-width:780px}.attd-th{z-index:2;border-bottom:1.5px solid var(--border-default);letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;padding:10px 12px;font-size:10.5px;font-weight:700;position:sticky;top:0;background:var(--bg-surface)!important;color:var(--text-muted)!important;text-align:center!important}.attd-table tbody td{border-bottom:1px solid var(--border-default);color:var(--text-primary);vertical-align:middle;text-align:center;padding:10px 12px;font-size:13px}.attd-row{cursor:pointer;transition:background .15s}.attd-row:hover{background:var(--table-row-hover)}.attd-date-cell{flex-direction:column;align-items:center;gap:2px;display:flex}.attd-date-main{color:var(--text-primary);white-space:nowrap;font-size:12px;font-weight:700}.attd-date-sub{color:var(--text-muted);white-space:nowrap;font-size:11px}.attd-name-cell{color:var(--text-primary);white-space:nowrap;font-size:13px;font-weight:600}.attd-time-cell{flex-direction:column;align-items:center;gap:3px;display:flex}.attd-time-badge{background:var(--badge-bg);border:1px solid var(--badge-border);color:var(--text-muted);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:3px 9px;font-size:11.5px;font-weight:700;display:inline-flex}.attd-time-badge--in{color:#0d9965;background:#14f1951a;border-color:#14f19538}.attd-time-badge--out{color:var(--danger);background:#ff6b6b1a;border-color:#ff6b6b38}.attd-loc-text{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;max-width:130px;font-size:10.5px;overflow:hidden}.attd-badge{letter-spacing:.1px;white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.attd-badge--present{color:#0d9965;background:#14f1951a;border-color:#14f19538}.attd-badge--late{color:#a07800;background:#ffc8001a;border-color:#ffc80038}.attd-badge--izin{color:var(--brand-purple);background:#9945ff1a;border-color:#9945ff38}.attd-badge--sakit{color:var(--brand-cyan);background:#00c2ff1a;border-color:#00c2ff38}.attd-badge--absent{color:var(--danger);background:#ff6b6b1a;border-color:#ff6b6b38}.attd-badge--default{background:var(--badge-bg);border-color:var(--badge-border);color:var(--text-muted)}[data-theme=light] .attd-badge--late{color:#92400e}[data-theme=light] .attd-badge--izin{color:#5b21b6}[data-theme=light] .attd-badge--sakit{color:#0369a1}.attd-thumb{object-fit:cover;border:1px solid var(--border-default);background:var(--bg-input);cursor:pointer;border-radius:8px;width:40px;height:40px;margin:0 auto;transition:transform .15s;display:block}.attd-thumb:hover{transform:scale(1.08)}.attd-no-photo{color:var(--text-muted);font-size:13px}.attd-note-cell{color:var(--text-muted);white-space:normal;word-break:break-word;max-width:150px;font-size:12px;line-height:1.4}.attd-empty{text-align:center;color:var(--text-muted);margin:0;padding:36px;font-size:13px}.attd-empty--err{color:var(--danger)}.attd-pagination{justify-content:center;align-items:center;gap:8px;padding:4px 0 8px;display:flex}.attd-page-nav{border:1px solid var(--border-default);background:var(--bg-surface);height:36px;color:var(--text-secondary);cursor:pointer;border-radius:999px;align-items:center;gap:5px;padding:0 14px;font-family:DM Sans,sans-serif;font-size:12.5px;font-weight:600;transition:border-color .15s,color .15s;display:inline-flex}.attd-page-nav:hover:not(:disabled){border-color:var(--border-focus);color:var(--brand-purple)}.attd-page-nav:disabled{opacity:.4;cursor:not-allowed}.attd-pills{gap:4px;display:flex}.attd-pill{border:1px solid var(--border-default);background:var(--bg-surface);width:32px;height:32px;color:var(--text-muted);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;font-family:DM Sans,sans-serif;font-size:12.5px;font-weight:700;transition:all .15s;display:flex}.attd-pill:hover:not(:disabled):not(.attd-pill--active){border-color:var(--border-focus);color:var(--brand-purple)}.attd-pill--active{background:var(--brand-grad);color:var(--btn-grad-text);border-color:#0000}.attd-pill:disabled{opacity:.4;cursor:not-allowed}@keyframes attd-shimmer{0%,to{opacity:.35}50%{opacity:.8}}.attd-skel-bar{background:var(--sidebar-item-hover);border-radius:5px;height:11px;animation:1.5s infinite attd-shimmer;display:block}.attd-skel-row td{border-bottom:1px solid var(--border-default);padding:11px 12px}.attd-overlay{-webkit-backdrop-filter:blur(4px);z-index:200;background:#0000008c;justify-content:center;align-items:center;padding:16px;animation:.18s attd-fadeIn;display:flex;position:fixed;inset:0}@keyframes attd-fadeIn{0%{opacity:0}to{opacity:1}}.attd-cam-box{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:20px;width:min(420px,100%);animation:.22s cubic-bezier(.16,1,.3,1) attd-slideUp;position:relative;overflow:hidden;box-shadow:0 24px 64px #00000047}.attd-cam-box:before{content:"";background:var(--brand-grad);opacity:.85;z-index:5;height:2px;position:absolute;top:0;left:0;right:0}@keyframes attd-slideUp{0%{opacity:0;transform:translateY(16px)scale(.975)}to{opacity:1;transform:translateY(0)scale(1)}}.attd-cam-head{border-bottom:1px solid var(--border-default);justify-content:space-between;align-items:center;padding:14px 16px 12px;display:flex}.attd-cam-head-left{align-items:center;gap:8px;display:flex}.attd-cam-icon-wrap{background:var(--card-glow);border:1px solid var(--border-default);width:28px;height:28px;color:var(--brand-purple);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.attd-cam-title{letter-spacing:-.1px;color:var(--text-primary);font-size:13.5px;font-weight:700}.attd-cam-step{color:var(--text-muted);background:var(--bg-input);border:1px solid var(--border-default);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.attd-modal-close{border:1px solid var(--border-default);background:var(--bg-input);width:28px;height:28px;color:var(--text-muted);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:border-color .15s,color .15s,background .15s;display:flex}.attd-modal-close:hover{background:var(--danger-bg);border-color:var(--danger-border);color:var(--danger)}.attd-cam-preview{aspect-ratio:4/3;background:#000;width:100%;position:relative;overflow:hidden}.attd-cam-preview video,.attd-captured-img{object-fit:cover;width:100%;height:100%;display:block}.attd-cam-preview:after{content:"";pointer-events:none;z-index:1;background:radial-gradient(#0000 52%,#0006 100%);position:absolute;inset:0}.attd-loc-overlay{z-index:2;background:var(--bg-overlay);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border-default);border-radius:8px;flex-direction:column;gap:5px;padding:9px 12px;display:flex;position:absolute;bottom:10px;left:10px;right:10px}.attd-loc-row{align-items:flex-start;gap:7px;display:flex}.attd-loc-ic{color:var(--text-muted);flex-shrink:0;margin-top:1px}.attd-loc-main{color:var(--text-primary);font-size:12px;font-weight:700;line-height:1.3}.attd-coord-text{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:11px}.attd-captured-badge{z-index:3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#0d9965;white-space:nowrap;background:#14f1952e;border:1px solid #14f1954d;border-radius:999px;align-items:center;gap:5px;padding:5px 13px 5px 9px;font-size:11.5px;font-weight:700;animation:.22s cubic-bezier(.34,1.56,.64,1) attd-badge-pop;display:flex;position:absolute;top:11px;left:50%;transform:translate(-50%)}[data-theme=dark] .attd-captured-badge{color:#14f195;background:#14f1951f}@keyframes attd-badge-pop{0%{opacity:0;transform:translate(-50%)scale(.82)}to{opacity:1;transform:translate(-50%)scale(1)}}.attd-cam-actions{flex-direction:column;gap:10px;padding:14px 16px 18px;display:flex}.attd-cam-row{gap:10px;display:flex}.attd-cam-row .attd-cam-btn{flex:1}.attd-cam-btn{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;height:52px;font-family:DM Sans,sans-serif;font-size:14.5px;font-weight:700;transition:opacity .15s,transform .12s;display:flex;position:relative;overflow:hidden}.attd-cam-btn:after{content:"";background:linear-gradient(105deg,#0000 30%,#ffffff2e 50%,#0000 70%);transition:transform .45s;position:absolute;inset:0;transform:translate(-100%)}.attd-cam-btn:hover:not(:disabled):not(.attd-cam-btn--disabled):after{transform:translate(100%)}.attd-cam-btn:hover:not(:disabled):not(.attd-cam-btn--disabled){opacity:.9;transform:translateY(-1px)}.attd-cam-btn:disabled,.attd-cam-btn--disabled{opacity:.45;cursor:not-allowed;transform:none!important}.attd-cam-btn--primary,.attd-cam-btn--confirm{background:var(--brand-grad);color:var(--btn-grad-text);box-shadow:0 0 18px var(--orb-purple)}.attd-cam-btn--ghost{background:var(--bg-input);border:1px solid var(--border-default);color:var(--text-secondary)}.attd-cam-btn--ghost:hover:not(:disabled){border-color:var(--border-hover);color:var(--text-primary)}.attd-cam-btn--loading{opacity:.65;cursor:not-allowed}.attd-cam-hint{color:var(--text-muted);text-align:center;margin:0;font-size:11.5px;line-height:1.45}.attd-spinner{border:2px solid #0003;border-top-color:var(--btn-grad-text);border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.7s linear infinite attd-spin}.attd-spinner--dark{border-color:var(--border-default);border-top-color:var(--text-primary)}@keyframes attd-spin{to{transform:rotate(360deg)}}.attd-detail-box{background:var(--bg-surface);border:1px solid var(--border-default);scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent;border-radius:20px;width:min(480px,96vw);max-height:min(88vh,780px);padding:20px;animation:.22s cubic-bezier(.16,1,.3,1) attd-slideUp;position:relative;overflow-y:auto;box-shadow:0 24px 64px #00000047}.attd-detail-box:before{content:"";background:var(--brand-grad);opacity:.8;border-radius:20px 20px 0 0;height:2px;position:absolute;top:0;left:0;right:0}.attd-detail-box::-webkit-scrollbar{width:3px}.attd-detail-box::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:99px}.attd-detail-head{border-bottom:1px solid var(--border-default);background:var(--bg-surface);z-index:2;justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:12px;display:flex;position:sticky;top:-20px}.attd-detail-head h3{color:var(--text-primary);letter-spacing:-.2px;margin:0;font-size:15px;font-weight:800}.attd-detail-meta{background:var(--bg-surface-2);border:1px solid var(--border-default);border-radius:12px;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px;padding:12px 14px;display:grid}.attd-detail-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px;margin-bottom:4px;font-size:10.5px;font-weight:700}.attd-detail-value{color:var(--text-primary);font-size:13px;font-weight:700;line-height:1.35}.attd-detail-cols{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px;display:grid}.attd-dcard{border:1px solid var(--border-default);background:var(--bg-surface-2);border-radius:12px;flex-direction:column;gap:10px;padding:12px;display:flex}.attd-dcard--in{border-top:2.5px solid #14f19566}.attd-dcard--out{border-top:2.5px solid #ff6b6b66}.attd-dcard-header{color:var(--text-primary);align-items:center;gap:6px;font-size:12.5px;font-weight:700;display:flex}.attd-dcard-meta{flex-direction:column;gap:8px;display:flex}.attd-dcard-photo{border:1px solid var(--border-default);background:var(--bg-input);border-radius:8px;flex:1;justify-content:center;align-items:center;min-height:70px;display:flex;overflow:hidden}.attd-dcard-photo img{width:100%;height:auto;display:block}.attd-no-photo-block{color:var(--text-muted);padding:14px;font-size:12px}.attd-reason-section{flex-direction:column;gap:6px;display:flex}.attd-note-counter{color:var(--text-muted);justify-content:flex-end;font-size:11px;display:flex}.attd-note-counter--warn{color:#f59e0b;font-weight:600}.attd-note-counter--over{color:var(--danger);font-weight:700}.attd-textarea{box-sizing:border-box;resize:vertical;border:1px solid var(--border-input);background:var(--bg-input);width:100%;color:var(--text-primary);border-radius:8px;outline:none;min-height:80px;padding:10px 12px;font-family:DM Sans,sans-serif;font-size:13px;transition:border-color .15s,box-shadow .15s}.attd-textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--focus-ring);background:var(--bg-input-focus)}.attd-textarea:disabled{opacity:.55}.attd-save-btn{background:var(--brand-grad);width:100%;height:42px;color:var(--btn-grad-text);cursor:pointer;box-shadow:0 0 18px var(--orb-purple);border:none;border-radius:8px;justify-content:center;align-items:center;gap:7px;margin-top:4px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:700;transition:opacity .15s,transform .12s;display:inline-flex;position:relative;overflow:hidden}.attd-save-btn:after{content:"";background:linear-gradient(105deg,#0000 30%,#ffffff2e 50%,#0000 70%);transition:transform .45s;position:absolute;inset:0;transform:translate(-100%)}.attd-save-btn:hover:not(:disabled):after{transform:translate(100%)}.attd-save-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.attd-save-btn:disabled,.attd-save-btn--loading{opacity:.55;cursor:not-allowed;transform:none}@media (width<=640px){.attd-shell{gap:10px;padding:12px}.attd-banner{flex-direction:column;align-items:flex-start;padding:14px 16px}.attd-title{font-size:15px}.attd-actions{grid-template-columns:1fr 1fr;width:100%;display:grid}.attd-actions>*{width:100%!important;min-width:0!important}.attd-fgroup{flex:calc(50% - 5px);min-width:0}.attd-fgroup--wide,.attd-fgroup--auto{flex:100%}.attd-panel{padding:12px 14px}.attd-filter{padding:10px 14px}.attd-cam-row{flex-direction:column}}@media (width<=520px){.attd-detail-meta{grid-template-columns:1fr 1fr}.attd-detail-cols{grid-template-columns:1fr}}@media (width<=380px){.attd-detail-meta{grid-template-columns:1fr}.attd-fgroup{flex:100%}}.attd-detail-info-grid{background:var(--bg-surface-2);border:1px solid var(--border-default);border-radius:12px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px 16px;margin:0 0 14px;padding:12px 14px;display:grid}.attd-badge--wfh{color:#6366f1;background:#6366f11a;border-color:#6366f138}[data-theme=light] .attd-badge--wfh{color:#4338ca}.attd-stat-card{border:1px solid var(--border-default);background:var(--bg-surface-2);border-radius:12px;flex:1;min-width:100px;margin:0 0 14px;padding:10px 14px}:root,[data-theme=light]{--d-bg:#f5f6fa;--d-surface:#fff;--d-surface-2:#f9fafb;--d-surface-3:#f0f2f7;--d-border:#00000012;--d-border-md:#0000001f;--d-text-1:#0d1117;--d-text-2:#4b5563;--d-text-3:#9ca3af;--d-accent:#2563eb;--d-accent-soft:#2563eb14;--d-accent-glow:#2563eb26;--d-gold:#d97706;--d-gold-soft:#d977061a;--d-green:#059669;--d-green-soft:#0596691a;--d-red:#dc2626;--d-red-soft:#dc262614;--d-sky:#0284c7;--d-sky-soft:#0284c714;--d-amber:#b45309;--d-amber-soft:#b4530914;--d-shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--d-shadow-md:0 4px 16px #00000012, 0 2px 4px #0000000a;--d-shadow-lg:0 12px 40px #00000017, 0 4px 12px #0000000d;--d-radius:14px;--d-radius-sm:8px;--d-radius-pill:999px;--d-font:"Outfit", sans-serif;--d-mono:"DM Mono", monospace;--d-ease:cubic-bezier(.4,0,.2,1)}[data-theme=dark]{--d-bg:#0d0f14;--d-surface:#151820;--d-surface-2:#1a1d27;--d-surface-3:#1f2330;--d-border:#ffffff12;--d-border-md:#ffffff1f;--d-text-1:#f0f2f8;--d-text-2:#8b92a8;--d-text-3:#4b5470;--d-accent:#3b82f6;--d-accent-soft:#3b82f61f;--d-accent-glow:#3b82f633;--d-gold:#f59e0b;--d-gold-soft:#f59e0b1f;--d-green:#10b981;--d-green-soft:#10b9811f;--d-red:#f87171;--d-red-soft:#f871711a;--d-sky:#38bdf8;--d-sky-soft:#38bdf81a;--d-amber:#fbbf24;--d-amber-soft:#fbbf241a;--d-shadow-sm:0 1px 3px #0000004d;--d-shadow-md:0 4px 16px #00000059;--d-shadow-lg:0 12px 40px #00000073}.kpi-container-direksi *,.kpi-container-direksi :before,.kpi-container-direksi :after{box-sizing:border-box}.kpi-container-direksi{font-family:var(--d-font);color:var(--d-text-1);background:var(--d-bg);min-height:100%;transition:background .25s var(--d-ease), color .25s var(--d-ease);padding:20px}.kpi-wrap-direksi{flex-direction:column;gap:14px;max-width:1400px;margin:0 auto;display:flex}.d-card-direksi{background:var(--d-surface);border:1px solid var(--d-border);border-radius:var(--d-radius);box-shadow:var(--d-shadow-sm);transition:background .25s var(--d-ease), border-color .25s var(--d-ease)}.kpi-topbar-direksi{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:16px 20px;display:flex}.kpi-title-direksi{flex-shrink:0}.kpi-title-direksi h2{letter-spacing:-.3px;color:var(--d-text-1);align-items:center;gap:8px;margin:0;font-size:17px;font-weight:700;display:flex}.kpi-title-direksi h2:before{content:"";background:var(--d-gold);border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}.kpi-title-direksi p{color:var(--d-text-3);letter-spacing:.1px;margin:4px 0 0 15px;font-size:12px;font-weight:400}.kpi-right-direksi{flex-wrap:wrap;flex:auto;justify-content:flex-end;align-items:flex-end;gap:10px;min-width:0;display:flex}.m-field-direksi{flex-direction:column;gap:4px;min-width:0;display:flex}.m-label-direksi{text-transform:uppercase;letter-spacing:.7px;color:var(--d-text-3);white-space:nowrap;font-size:10.5px;font-weight:600}.m-input-direksi{border-radius:var(--d-radius-pill);border:1px solid var(--d-border-md);background:var(--d-surface-2);height:38px;font-size:12.5px;font-family:var(--d-font);color:var(--d-text-1);cursor:pointer;outline:none;min-width:0;padding:0 13px;transition:border-color .15s,box-shadow .15s,background .2s}.m-input-direksi:focus{border-color:var(--d-accent);box-shadow:0 0 0 3px var(--d-accent-glow);background:var(--d-surface)}[data-theme=dark] .m-input-direksi{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.d-clear-btn-direksi{border-radius:var(--d-radius-pill);border:1px solid var(--d-border-md);height:38px;color:var(--d-text-2);font-family:var(--d-font);cursor:pointer;white-space:nowrap;background:0 0;align-items:center;gap:5px;padding:0 16px;font-size:12.5px;font-weight:600;transition:background .15s,color .15s,border-color .15s;display:flex}.d-clear-btn-direksi:hover{background:var(--d-surface-3);color:var(--d-text-1);border-color:var(--d-border-md)}.kpi-cards-direksi{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.kpi-card-inner-direksi{padding:18px 20px}.kpi-card-title-direksi{text-transform:uppercase;letter-spacing:.6px;color:var(--d-text-3);font-size:10.5px;font-weight:600}.kpi-card-value-direksi{color:var(--d-text-1);letter-spacing:-1px;font-size:30px;font-weight:800;font-family:var(--d-mono);margin-top:10px;line-height:1}.kpi-card-value-direksi.danger-direksi{color:var(--d-red)}.kpi-card-sub-direksi{color:var(--d-text-3);align-items:center;min-height:22px;margin-top:10px;font-size:12px;display:flex}.kpi-section-head-direksi{border-bottom:1px solid var(--d-border);justify-content:space-between;align-items:flex-start;gap:10px;padding:18px 20px 14px;display:flex}.kpi-section-head-direksi h3{color:var(--d-text-1);margin:0;font-size:14px;font-weight:700}.kpi-section-head-direksi p{color:var(--d-text-3);margin:4px 0 0;font-size:12px}.table-wrap-direksi{max-height:440px;overflow:auto}.table-wrap-direksi::-webkit-scrollbar{width:4px;height:4px}.table-wrap-direksi::-webkit-scrollbar-thumb{background:var(--d-border-md);border-radius:4px}.table-wrap-direksi::-webkit-scrollbar-track{background:0 0}.kpi-table-direksi{border-collapse:collapse;width:100%;min-width:600px}.kpi-table-direksi thead th{z-index:4;background:var(--d-surface);text-transform:uppercase;letter-spacing:.5px;color:var(--d-text-3);border-bottom:1px solid var(--d-border);white-space:nowrap;text-align:left;padding:11px 16px;font-size:11px;font-weight:600;position:sticky;top:0}[data-theme=dark] .kpi-table-direksi thead th{background:var(--d-surface)}.kpi-table-direksi td{color:var(--d-text-1);border-bottom:1px solid var(--d-border);vertical-align:middle;text-align:left;padding:13px 16px;font-size:13.5px}.kpi-row-direksi{transition:background .12s var(--d-ease);cursor:pointer}.kpi-row-direksi:hover{background:var(--d-accent-soft)}.kpi-row-direksi:last-child td{border-bottom:none}.kpi-strong-direksi{color:var(--d-text-1);font-weight:600}.kpi-muted-direksi{color:var(--d-text-3);font-size:12.5px}.kpi-score-direksi{flex-direction:column;gap:5px;min-width:90px;display:flex}.kpi-score-num-direksi{color:var(--d-text-1);font-size:13px;font-weight:600;font-family:var(--d-mono)}.kpi-bar-direksi{background:var(--d-surface-3);border-radius:var(--d-radius-pill);height:4px;overflow:hidden}.kpi-bar-fill-direksi{background:var(--d-accent);border-radius:var(--d-radius-pill);height:100%;transition:width .5s var(--d-ease)}.rating-direksi{border-radius:var(--d-radius-pill);letter-spacing:.15px;justify-content:center;align-items:center;padding:3px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.excellent-direksi{background:var(--d-green-soft);color:var(--d-green)}.good-direksi{background:var(--d-sky-soft);color:var(--d-sky)}.fair-direksi{background:var(--d-amber-soft);color:var(--d-amber)}.poor-direksi{background:var(--d-red-soft);color:var(--d-red)}.kpi-pill-direksi{border-radius:var(--d-radius-pill);letter-spacing:.1px;align-items:center;padding:3px 9px;font-size:11.5px;font-weight:600;display:inline-flex}.kpi-pill-direksi.good-direksi{background:var(--d-green-soft);color:var(--d-green)}.kpi-pill-direksi.mid-direksi{background:var(--d-sky-soft);color:var(--d-sky)}.kpi-pill-direksi.bad-direksi{background:var(--d-red-soft);color:var(--d-red)}.sk-direksi{background:linear-gradient(90deg, var(--d-surface-3) 25%, var(--d-surface-2) 37%, var(--d-surface-3) 63%);background-size:400% 100%;border-radius:5px;animation:1.6s infinite sk-shimmer-direksi}@keyframes sk-shimmer-direksi{0%{background-position:100% 0}to{background-position:-100% 0}}.sk-text-direksi{height:13px}.sk-pill-direksi{border-radius:var(--d-radius-pill);height:19px}.w-40-direksi{width:40%}.w-55-direksi{width:55%}.w-60-direksi{width:60%}.w-70-direksi{width:70%}.w-90-direksi{width:90%}.d-empty-direksi{text-align:center;color:var(--d-text-3);padding:40px 20px;font-size:13.5px}@media (width<=1200px){.kpi-right-direksi .m-field-direksi{flex:140px;min-width:120px}}@media (width<=1024px){.kpi-topbar-direksi{flex-direction:column;align-items:stretch;gap:12px;padding:14px 16px}.kpi-right-direksi{justify-content:flex-start;gap:8px}.kpi-right-direksi .m-field-direksi{flex:calc(33% - 8px);max-width:calc(33% - 8px)}.kpi-cards-direksi{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.kpi-container-direksi{padding:12px}.kpi-right-direksi .m-field-direksi{flex:calc(50% - 8px);max-width:calc(50% - 8px)}.kpi-cards-direksi{grid-template-columns:repeat(2,1fr);gap:10px}}@media (width<=520px){.kpi-container-direksi{padding:10px}.kpi-topbar-direksi{padding:12px}.kpi-right-direksi .m-field-direksi{flex:100%;max-width:100%}.kpi-title-direksi h2{font-size:15px}.kpi-cards-direksi{grid-template-columns:1fr 1fr;gap:8px}.kpi-card-value-direksi{font-size:24px}}.sc-backdrop-direksi{-webkit-backdrop-filter:blur(5px);z-index:9999;background:#00000073;justify-content:center;align-items:center;padding:16px;animation:.18s sc-bg-in;display:flex;position:fixed;inset:0}@keyframes sc-bg-in{0%{opacity:0}to{opacity:1}}.sc-card-direksi{background:var(--d-surface);border:1px solid var(--d-border);border-radius:var(--d-radius,14px);width:min(420px,100%);box-shadow:var(--d-shadow-lg);font-family:var(--d-font,"Outfit", sans-serif);animation:.22s cubic-bezier(.34,1.56,.64,1) sc-in;overflow:hidden}@keyframes sc-in{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.sc-top-accent-direksi{background:linear-gradient(90deg, var(--d-text-1), var(--d-accent) 50%, var(--d-gold));height:3px}.sc-header-direksi{border-bottom:1px solid var(--d-border);align-items:center;gap:12px;padding:18px 20px 14px;display:flex;position:relative}.sc-icon-direksi{background:var(--d-accent-soft);width:40px;height:40px;color:var(--d-accent);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sc-title-direksi{color:var(--d-text-1);margin:0;font-size:15px;font-weight:700}.sc-subtitle-direksi{color:var(--d-text-3);margin:3px 0 0;font-size:11.5px}.sc-close-btn-direksi{border:1px solid var(--d-border);width:30px;height:30px;color:var(--d-text-3);cursor:pointer;background:0 0;border-radius:7px;justify-content:center;align-items:center;transition:background .14s,color .14s;display:flex;position:absolute;top:16px;right:16px}.sc-close-btn-direksi:hover{background:var(--d-surface-3);color:var(--d-text-1)}.sc-subject-direksi{background:var(--d-surface-2);border:1px solid var(--d-border);border-left:3px solid var(--d-accent);border-radius:10px;align-items:center;gap:12px;margin:16px 20px 0;padding:12px 14px;display:flex;position:relative}.sc-subject-avatar-direksi{background:var(--d-accent-soft);width:40px;height:40px;color:var(--d-accent);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;font-weight:800;display:flex}.sc-subject-info-direksi{flex-direction:column;flex:1;gap:2px;display:flex}.sc-subject-label-direksi{text-transform:uppercase;letter-spacing:.6px;color:var(--d-text-3);font-size:10px;font-weight:600}.sc-subject-name-direksi{color:var(--d-text-1);font-size:14px;font-weight:700}.sc-subject-dept-direksi{color:var(--d-text-3);font-size:11.5px}.sc-subject-preview-direksi{border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700;animation:.18s sc-pop}@keyframes sc-pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.preview-good-direksi{background:var(--d-sky-soft);color:var(--d-sky)}.preview-poor-direksi{background:var(--d-red-soft);color:var(--d-red)}.sc-field-direksi{padding:16px 20px 6px}.sc-label-direksi{text-transform:uppercase;letter-spacing:.6px;color:var(--d-text-3);margin-bottom:4px;font-size:10.5px;font-weight:600;display:block}.sc-hint-direksi{color:var(--d-text-3);margin:0 0 12px;font-size:11.5px}.sc-toggle-direksi{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:4px;display:grid}.sc-toggle-btn-direksi{border:1.5px solid var(--d-border-md);background:var(--d-surface-2);height:50px;font-family:var(--d-font,"Outfit", sans-serif);cursor:pointer;color:var(--d-text-2);border-radius:10px;justify-content:center;align-items:center;gap:7px;font-size:13.5px;font-weight:600;transition:all .15s;display:flex;position:relative}.sc-toggle-btn-direksi:hover{border-color:var(--d-border-md);color:var(--d-text-1)}.sc-toggle-score-direksi{font-size:12px;font-family:var(--d-mono,monospace);opacity:.4;position:absolute;right:11px}.poor-btn-direksi.active-direksi{border-color:var(--d-red);background:var(--d-red-soft);color:var(--d-red);box-shadow:0 0 0 3px var(--d-red-soft)}.good-btn-direksi.active-direksi{border-color:var(--d-accent);background:var(--d-accent-soft);color:var(--d-accent);box-shadow:0 0 0 3px var(--d-accent-glow)}.sc-or-direksi{align-items:center;gap:10px;margin:12px 0 10px;display:flex}.sc-or-line-direksi{background:var(--d-border);flex:1;height:1px}.sc-or-text-direksi{color:var(--d-text-3);white-space:nowrap;font-size:11px;font-weight:600}.sc-input-direksi{border:1.5px solid var(--d-border-md);background:var(--d-surface-2);width:100%;height:42px;font-family:var(--d-font,"Outfit", sans-serif);color:var(--d-text-1);box-sizing:border-box;-webkit-appearance:none;border-radius:10px;outline:none;padding:0 13px;font-size:14px;font-weight:600;transition:border-color .15s,box-shadow .15s}.sc-input-direksi:focus{border-color:var(--d-accent);box-shadow:0 0 0 3px var(--d-accent-glow);background:var(--d-surface)}.sc-input-direksi::placeholder{color:var(--d-text-3)}.sc-actions-direksi{gap:8px;padding:16px 20px 20px;display:flex}.sc-btn-cancel-direksi{border:1.5px solid var(--d-border-md);height:42px;font-family:var(--d-font,"Outfit", sans-serif);color:var(--d-text-2);cursor:pointer;background:0 0;border-radius:10px;flex:1;font-size:13.5px;font-weight:600;transition:background .14s,color .14s}.sc-btn-cancel-direksi:hover{background:var(--d-surface-3);color:var(--d-text-1)}.sc-btn-save-direksi{background:var(--d-text-1);height:42px;font-family:var(--d-font,"Outfit", sans-serif);color:var(--d-surface);cursor:pointer;border:none;border-radius:10px;flex:2;justify-content:center;align-items:center;gap:7px;font-size:13.5px;font-weight:700;transition:opacity .15s,transform .12s;display:inline-flex}[data-theme=dark] .sc-btn-save-direksi{background:var(--d-accent);color:#fff}.sc-btn-save-direksi:hover:not(:disabled){opacity:.88;transform:translateY(-1px)}.sc-btn-save-direksi:active:not(:disabled){transform:translateY(0)}.sc-btn-save-direksi:disabled{opacity:.32;cursor:not-allowed}.hpd-wrapper-direksi{font-family:var(--d-font,"Outfit", sans-serif);background:var(--d-surface);border:1px solid var(--d-border);border-radius:var(--d-radius,14px);box-shadow:var(--d-shadow-sm);animation:.2s hpd-in;overflow:hidden}@keyframes hpd-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.hpd-header-direksi{background:var(--d-text-1);justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 24px;display:flex;position:relative;overflow:hidden}.hpd-header-direksi:after{content:"";pointer-events:none;background:repeating-linear-gradient(-55deg,#0000,#0000 30px,#ffffff05 30px 60px);position:absolute;inset:0}[data-theme=dark] .hpd-header-direksi{background:var(--d-surface-3)}.hpd-header-left-direksi{z-index:1;flex-direction:column;gap:10px;display:flex;position:relative}.hpd-breadcrumb-direksi{align-items:center;gap:5px;font-size:11.5px;display:flex}.hpd-bc-link-direksi{color:#ffffff6b;cursor:pointer;transition:color .14s}.hpd-bc-link-direksi:hover{color:#ffffffc7}.hpd-bc-sep-direksi{color:#fff3}.hpd-bc-current-direksi{color:#ffffffc7;font-weight:600}.hpd-title-block-direksi{align-items:center;gap:14px;display:flex}.hpd-avatar-direksi{background:var(--d-gold);color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:20px;font-weight:800;display:flex}.hpd-name-direksi{color:#fff;letter-spacing:-.3px;margin:0;font-size:19px;font-weight:700}.hpd-meta-direksi{align-items:center;gap:8px;margin:5px 0 0;font-size:12px;display:flex}.hpd-meta-dept-direksi{color:#ffffffb8;background:#ffffff1a;border:1px solid #ffffff1f;border-radius:999px;padding:2px 9px;font-size:11.5px;font-weight:600}.hpd-meta-dot-direksi{background:#ffffff40;border-radius:50%;width:3px;height:3px}.hpd-meta-item-direksi{color:#ffffff80}.hpd-meta-item-direksi b{color:#ffffffc7}.hpd-header-actions-direksi{z-index:1;padding-top:2px;position:relative}.hpd-btn-scoring-direksi{color:#ffffffd1;height:38px;font-family:var(--d-font,"Outfit", sans-serif);cursor:pointer;white-space:nowrap;background:#ffffff14;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:6px;padding:0 16px;font-size:12.5px;font-weight:600;transition:background .15s,border-color .15s;display:inline-flex}.hpd-btn-scoring-direksi:hover{background:#ffffff24;border-color:#ffffff47}.hpd-stats-direksi{background:var(--d-surface-2);border-bottom:1px solid var(--d-border);padding:0 24px;display:flex;overflow-x:auto}.hpd-stats-direksi::-webkit-scrollbar{display:none}.hpd-stat-direksi{flex-direction:column;flex-shrink:0;gap:2px;padding:12px 28px 12px 0;display:flex}.hpd-stat-div-direksi{background:var(--d-border);flex-shrink:0;width:1px;margin:10px 28px 10px 0}.hpd-stat-label-direksi{text-transform:uppercase;letter-spacing:.6px;color:var(--d-text-3);font-size:10px;font-weight:600}.hpd-stat-value-direksi{color:var(--d-text-1);font-size:20px;font-weight:800;font-family:var(--d-mono,"DM Mono", monospace);letter-spacing:-.5px}.hpd-stat-value-direksi.s-green-direksi{color:var(--d-green)}.hpd-stat-value-direksi.s-red-direksi{color:var(--d-red)}.hpd-stat-value-direksi.s-gold-direksi{color:var(--d-gold)}.hpd-body-direksi{padding:20px 24px}.hpd-subheader-direksi{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:14px;display:flex}.hpd-section-title-direksi{color:var(--d-text-1);margin:0;font-size:14px;font-weight:700}.hpd-section-sub-direksi{color:var(--d-text-3);margin:4px 0 0;font-size:11.5px}.hpd-error-direksi{background:var(--d-red-soft);color:var(--d-red);border-radius:8px;margin-bottom:12px;padding:10px 14px;font-size:13px;font-weight:600}.hpd-table-wrap-direksi{border:1px solid var(--d-border);border-radius:8px;max-height:480px;overflow:auto}.hpd-table-wrap-direksi::-webkit-scrollbar{width:4px;height:4px}.hpd-table-wrap-direksi::-webkit-scrollbar-thumb{background:var(--d-border-md);border-radius:4px}.hpd-table-direksi{border-collapse:collapse;width:100%;font-family:var(--d-font,"Outfit", sans-serif);min-width:540px}.hpd-table-direksi thead th{z-index:3;background:var(--d-surface-2);text-transform:uppercase;letter-spacing:.5px;color:var(--d-text-3);border-bottom:1px solid var(--d-border);white-space:nowrap;text-align:left;padding:10px 14px;font-size:10.5px;font-weight:600;position:sticky;top:0}.hpd-table-direksi td{color:var(--d-text-1);border-bottom:1px solid var(--d-border);vertical-align:middle;padding:12px 14px;font-size:13px}.hpd-row-direksi{cursor:pointer;transition:background .12s}.hpd-row-direksi:hover{background:var(--d-accent-soft)}.hpd-row-direksi:last-child td{border-bottom:none}.hpd-row-active-direksi{background:var(--d-accent-soft)!important}.hpd-row-task-direksi{cursor:pointer}.hpd-cell-name-direksi{align-items:center;gap:9px;font-weight:600;display:flex!important}.hpd-mini-avatar-direksi{background:var(--d-accent-soft);width:28px;height:28px;color:var(--d-accent);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.hpd-cell-muted-direksi{color:var(--d-text-3);font-size:12.5px}.hpd-cell-date-direksi{font-family:var(--d-mono,monospace);color:var(--d-text-2);font-size:12px}.hpd-pct-wrap-direksi{flex-direction:column;gap:4px;min-width:80px;display:flex}.hpd-pct-num-direksi{font-size:12.5px;font-weight:600;font-family:var(--d-mono,monospace)}.hpd-mini-bar-direksi{background:var(--d-surface-3);border-radius:999px;height:4px;overflow:hidden}.hpd-mini-bar-fill-direksi{background:var(--d-accent);border-radius:999px;height:100%;transition:width .4s}.hpd-badge-direksi{min-width:26px;height:22px;font-size:12px;font-weight:700;font-family:var(--d-mono,monospace);border-radius:999px;justify-content:center;align-items:center;padding:0 8px;display:inline-flex}.ontrack-direksi{background:var(--d-sky-soft);color:var(--d-sky)}.notach-direksi{background:var(--d-red-soft);color:var(--d-red)}.hpd-status-pill-direksi{text-transform:capitalize;border-radius:999px;align-items:center;padding:3px 9px;font-size:11.5px;font-weight:600;display:inline-flex}.status-todo-direksi{background:var(--d-surface-3);color:var(--d-text-2)}.status-in-progress-direksi{background:var(--d-sky-soft);color:var(--d-sky)}.status-review-direksi{background:var(--d-amber-soft);color:var(--d-amber)}.status-completed-direksi{background:var(--d-green-soft);color:var(--d-green)}.hpd-empty-direksi{color:var(--d-text-3);font-size:13px;text-align:center!important;padding:36px 14px!important}.hpd-sk-direksi{background:linear-gradient(90deg, var(--d-surface-3) 25%, var(--d-surface-2) 37%, var(--d-surface-3) 63%);background-size:400% 100%;border-radius:5px;animation:1.5s infinite hpd-shimmer;display:block}@keyframes hpd-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.hpd-sk-text-direksi{height:13px}.hpd-sk-pill-direksi{border-radius:999px;height:19px}@media (width<=768px){.hpd-header-direksi{padding:16px}.hpd-body-direksi{padding:14px}.hpd-stats-direksi{padding:0 16px}}@media (width<=520px){.hpd-name-direksi{font-size:16px}.hpd-subheader-direksi{flex-direction:column;align-items:flex-start}}.tdm-backdrop-direksi{-webkit-backdrop-filter:blur(5px);z-index:9999;background:#00000073;justify-content:center;align-items:center;padding:16px;animation:.18s tdm-bg-in;display:flex;position:fixed;inset:0}@keyframes tdm-bg-in{0%{opacity:0}to{opacity:1}}.tdm-card-direksi{background:var(--d-surface);border:1px solid var(--d-border);border-radius:var(--d-radius,14px);width:min(660px,100%);max-height:90vh;box-shadow:var(--d-shadow-lg);font-family:var(--d-font,"Outfit", sans-serif);flex-direction:column;animation:.22s cubic-bezier(.34,1.56,.64,1) tdm-in;display:flex;overflow:hidden}@keyframes tdm-in{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.tdm-accent-direksi{background:linear-gradient(90deg, var(--d-text-1), var(--d-accent) 50%, var(--d-green));flex-shrink:0;height:3px}.tdm-header-direksi{border-bottom:1px solid var(--d-border);background:var(--d-surface);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px 14px;display:flex}.tdm-header-left-direksi{align-items:center;gap:10px;display:flex}.tdm-header-icon-direksi{background:var(--d-accent-soft);width:38px;height:38px;color:var(--d-accent);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.tdm-title-direksi{color:var(--d-text-1);margin:0;font-size:15px;font-weight:700}.tdm-id-direksi{color:var(--d-text-3);font-size:11px;font-family:var(--d-mono,monospace);margin-top:2px;display:block}.tdm-header-actions-direksi{align-items:center;gap:7px;display:flex}.tdm-btn-edit-direksi{border:1.5px solid var(--d-border-md);height:34px;font-family:var(--d-font,"Outfit", sans-serif);color:var(--d-text-2);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:6px;padding:0 13px;font-size:12.5px;font-weight:600;transition:all .14s;display:inline-flex}.tdm-btn-edit-direksi:hover{border-color:var(--d-accent);color:var(--d-accent);background:var(--d-accent-soft)}.tdm-btn-edit-direksi.active-direksi{border-color:var(--d-red);color:var(--d-red);background:var(--d-red-soft)}.tdm-btn-close-direksi{border:1.5px solid var(--d-border);width:32px;height:32px;color:var(--d-text-3);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;transition:background .14s,color .14s;display:flex}.tdm-btn-close-direksi:hover{background:var(--d-surface-3);color:var(--d-text-1)}.tdm-body-direksi{flex:1;padding:20px;overflow-y:auto}.tdm-body-direksi::-webkit-scrollbar{width:4px}.tdm-body-direksi::-webkit-scrollbar-thumb{background:var(--d-border-md);border-radius:4px}.tdm-view-direksi{flex-direction:column;gap:14px;display:flex}.tdm-view-top-direksi{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.tdm-view-name-direksi{color:var(--d-text-1);letter-spacing:-.3px;margin:0;font-size:18px;font-weight:700;line-height:1.3}.tdm-status-badge-direksi{white-space:nowrap;border-radius:999px;flex-shrink:0;align-items:center;padding:4px 11px;font-size:12px;font-weight:700;display:inline-flex}.tdm-status-todo-direksi{background:var(--d-surface-3);color:var(--d-text-2)}.tdm-status-inprogress-direksi{background:var(--d-sky-soft);color:var(--d-sky)}.tdm-status-review-direksi{background:var(--d-amber-soft);color:var(--d-amber)}.tdm-status-completed-direksi{background:var(--d-green-soft);color:var(--d-green)}.tdm-date-range-direksi{background:var(--d-surface-2);border:1px solid var(--d-border);border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 14px;display:flex}.tdm-date-item-direksi{align-items:center;gap:7px;display:flex}.tdm-date-label-direksi{text-transform:uppercase;letter-spacing:.4px;color:var(--d-text-3);font-size:10.5px;font-weight:600}.tdm-date-val-direksi{color:var(--d-text-1);font-size:13px;font-weight:600;font-family:var(--d-mono,monospace)}.tdm-date-arrow-direksi{color:var(--d-text-3);text-align:center;flex:1;font-size:14px}.tdm-score-trio-direksi{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.tdm-score-item-direksi{background:var(--d-surface-2);border:1px solid var(--d-border);border-radius:10px;flex-direction:column;gap:5px;padding:13px 14px;display:flex}.tdm-score-item-direksi.highlight-direksi{background:var(--d-accent-soft);border-color:var(--d-accent-glow)}.tdm-score-label-direksi{text-transform:uppercase;letter-spacing:.5px;color:var(--d-text-3);font-size:10px;font-weight:600}.tdm-score-val-direksi{color:var(--d-text-1);font-size:22px;font-weight:800;font-family:var(--d-mono,monospace);letter-spacing:-.5px}.highlight-direksi .tdm-score-val-direksi{color:var(--d-accent)}.tdm-desc-section-direksi{background:var(--d-surface-2);border:1px solid var(--d-border);border-radius:10px;padding:13px 14px}.tdm-desc-label-direksi{text-transform:uppercase;letter-spacing:.5px;color:var(--d-text-3);margin-bottom:7px;font-size:10px;font-weight:600;display:block}.tdm-desc-text-direksi{color:var(--d-text-2);white-space:pre-wrap;margin:0;font-size:13.5px;line-height:1.65}.tdm-form-direksi{flex-direction:column;gap:14px;display:flex}.tdm-form-section-direksi{background:var(--d-surface-2);border:1px solid var(--d-border);border-radius:10px;flex-direction:column;gap:10px;padding:14px;display:flex}.tdm-form-section-label-direksi{text-transform:uppercase;letter-spacing:.6px;color:var(--d-text-3);border-bottom:1px solid var(--d-border);margin-bottom:2px;padding-bottom:8px;font-size:10.5px;font-weight:700}.tdm-form-grid-direksi{grid-template-columns:1fr 1fr;gap:9px;display:grid}.tdm-form-field-direksi{flex-direction:column;gap:4px;display:flex}.tdm-full-direksi{grid-column:1/-1}.tdm-form-label-direksi{text-transform:uppercase;letter-spacing:.5px;color:var(--d-text-3);font-size:10.5px;font-weight:600}.tdm-input-direksi{border:1.5px solid var(--d-border-md);background:var(--d-surface);width:100%;height:40px;font-family:var(--d-font,"Outfit", sans-serif);color:var(--d-text-1);box-sizing:border-box;-webkit-appearance:none;border-radius:9px;outline:none;padding:0 12px;font-size:13.5px;transition:border-color .14s,box-shadow .14s}.tdm-input-direksi:focus{border-color:var(--d-accent);box-shadow:0 0 0 3px var(--d-accent-glow)}.tdm-input-direksi::placeholder{color:var(--d-text-3)}[data-theme=dark] .tdm-input-direksi{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.tdm-select-direksi{cursor:pointer}.tdm-textarea-direksi{resize:vertical;height:auto;min-height:80px;padding:10px 12px;line-height:1.55}.tdm-form-actions-direksi{justify-content:flex-end;gap:8px;padding-top:2px;display:flex}.tdm-btn-secondary-direksi{border:1.5px solid var(--d-border-md);height:42px;font-family:var(--d-font,"Outfit", sans-serif);color:var(--d-text-2);cursor:pointer;background:0 0;border-radius:10px;padding:0 20px;font-size:13.5px;font-weight:600;transition:background .14s,color .14s}.tdm-btn-secondary-direksi:hover:not(:disabled){background:var(--d-surface-3);color:var(--d-text-1)}.tdm-btn-secondary-direksi:disabled{opacity:.38;cursor:not-allowed}.tdm-btn-primary-direksi{background:var(--d-text-1);height:42px;font-family:var(--d-font,"Outfit", sans-serif);color:var(--d-surface);cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:0 26px;font-size:13.5px;font-weight:700;transition:opacity .14s,transform .12s;display:inline-flex}[data-theme=dark] .tdm-btn-primary-direksi{background:var(--d-accent);color:#fff}.tdm-btn-primary-direksi:hover:not(:disabled){opacity:.88;transform:translateY(-1px)}.tdm-btn-primary-direksi:active:not(:disabled){transform:translateY(0)}.tdm-btn-primary-direksi:disabled{opacity:.35;cursor:not-allowed}.tdm-spinner-direksi{border:2.5px solid #ffffff4d;border-top-color:currentColor;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite tdm-spin}@keyframes tdm-spin{to{transform:rotate(360deg)}}.tdm-skeleton-direksi{flex-direction:column;gap:12px;padding:4px 0;display:flex}.tdm-sk-direksi{background:linear-gradient(90deg, var(--d-surface-3) 25%, var(--d-surface-2) 37%, var(--d-surface-3) 63%);background-size:400% 100%;border-radius:5px;animation:1.5s infinite tdm-shimmer}@keyframes tdm-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.tdm-sk-text-direksi{height:14px}.tdm-error-direksi{background:var(--d-red-soft);color:var(--d-red);border-radius:9px;padding:11px 14px;font-size:13px;font-weight:600}.tdm-empty-direksi{text-align:center;color:var(--d-text-3);padding:36px;font-size:14px}@media (width<=540px){.tdm-body-direksi{padding:14px}.tdm-form-grid-direksi{grid-template-columns:1fr}.tdm-score-trio-direksi{grid-template-columns:1fr 1fr}.tdm-date-arrow-direksi{display:none}}.drk-profile-shell{background:var(--bg-page);box-sizing:border-box;justify-content:center;align-items:flex-start;min-height:100%;padding:40px 20px;font-family:DM Sans,sans-serif;display:flex}.drk-profile-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:20px;flex-direction:column;align-items:center;gap:0;width:min(400px,100%);padding:32px 28px 28px;animation:.28s cubic-bezier(.16,1,.3,1) drk-profile-enter;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000002e}@keyframes drk-profile-enter{0%{opacity:0;transform:translateY(14px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.drk-profile-card-accent{background:var(--brand-grad,linear-gradient(90deg, #9945ff, #14f195));opacity:.85;height:2px;position:absolute;top:0;left:0;right:0}.drk-profile-card:after{content:"";background:radial-gradient(circle, var(--orb-purple,#9945ff2e) 0%, transparent 70%);pointer-events:none;z-index:0;border-radius:50%;width:220px;height:220px;position:absolute;top:-60px;left:50%;transform:translate(-50%)}.drk-profile-avatar-wrap{z-index:1;margin-top:8px;margin-bottom:20px;position:relative}.drk-profile-avatar-ring{background:var(--brand-grad,linear-gradient(135deg, #9945ff, #14f195));opacity:.35;z-index:-1;border-radius:50%;animation:3s ease-in-out infinite drk-profile-ring-pulse;position:absolute;inset:-4px}@keyframes drk-profile-ring-pulse{0%,to{opacity:.28;transform:scale(1)}50%{opacity:.5;transform:scale(1.05)}}.drk-profile-info{z-index:1;flex-direction:column;align-items:center;gap:10px;width:100%;display:flex}.drk-profile-name{letter-spacing:-.4px;color:var(--text-primary);text-align:center;margin:0;font-size:20px;font-weight:800}.drk-profile-meta{flex-direction:column;align-items:center;gap:6px;display:flex}.drk-profile-meta-row{align-items:center;gap:6px;display:flex}.drk-profile-meta-icon{color:var(--text-muted);flex-shrink:0;align-items:center;display:flex}.drk-profile-meta-text{color:var(--text-secondary);font-size:13px;font-weight:500}.drk-profile-role-badge{letter-spacing:.4px;text-transform:uppercase;background:var(--badge-bg);border:1px solid #0000;border-color:var(--badge-border);height:22px;color:var(--text-muted);border-radius:6px;align-items:center;padding:0 10px;font-size:11px;font-weight:700;display:inline-flex}.drk-profile-role-badge--admin,.drk-profile-role-badge--head,.drk-profile-role-badge--direksi{color:var(--brand-purple,#9945ff);background:#9945ff1f;border-color:#9945ff40}.drk-profile-role-badge--staff,.drk-profile-role-badge--employee{color:#0d9965;background:#14f1951a;border-color:#14f19538}[data-theme=dark] .drk-profile-role-badge--staff,[data-theme=dark] .drk-profile-role-badge--employee{color:#14f195}.drk-profile-divider{background:var(--border-default);z-index:1;width:100%;height:1px;margin:24px 0 20px}.drk-profile-actions{z-index:1;flex-direction:column;gap:10px;width:100%;display:flex}.drk-profile-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:999px;justify-content:center;align-items:center;gap:8px;width:100%;height:42px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:700;transition:opacity .15s,transform .12s,box-shadow .15s;display:inline-flex;position:relative;overflow:hidden}.drk-profile-btn:after{content:"";background:linear-gradient(105deg,#0000 30%,#ffffff2e 50%,#0000 70%);transition:transform .45s;position:absolute;inset:0;transform:translate(-100%)}.drk-profile-btn:hover:after{transform:translate(100%)}.drk-profile-btn:hover{opacity:.88;transform:translateY(-1px)}.drk-profile-btn:active{transform:translateY(0)}.drk-profile-btn--primary{background:var(--brand-grad,linear-gradient(90deg, #9945ff, #14f195));color:var(--btn-grad-text,#000);box-shadow:0 0 16px var(--orb-purple,#9945ff38)}.drk-profile-btn--primary:hover{box-shadow:0 0 24px var(--orb-purple,#9945ff59)}.drk-profile-modal-form{flex-direction:column;gap:14px;display:flex}.drk-profile-input-wrap{align-items:center;display:flex;position:relative}.drk-profile-input-wrap .m-input{padding-right:40px}.drk-profile-eye-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;align-items:center;padding:0;transition:color .15s;display:flex;position:absolute;right:12px}.drk-profile-eye-btn:hover{color:var(--text-primary)}.drk-profile-pw-hint{color:var(--text-muted);margin:-4px 0 0;font-size:11.5px;line-height:1.5}@media (width<=480px){.drk-profile-shell{padding:24px 16px}.drk-profile-card{padding:24px 20px 22px}.drk-profile-name{font-size:18px}}.lam-overlay{-webkit-backdrop-filter:blur(4px);z-index:300;background:#0000008c;justify-content:center;align-items:center;padding:16px;animation:.18s lam-fade-in;display:flex;position:fixed;inset:0}.lam-box{background:var(--bg-surface);border:1px solid var(--border-default);width:min(560px,100%);max-height:90vh;color:var(--text-primary);scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent;border-radius:20px;flex-direction:column;gap:18px;padding:24px;font-family:DM Sans,sans-serif;animation:.22s cubic-bezier(.16,1,.3,1) lam-slide-up;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 64px #00000047}.lam-box::-webkit-scrollbar{width:4px}.lam-box::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:99px}.lam-box:before{content:"";background:var(--brand-grad,linear-gradient(90deg, #9945ff, #14f195));opacity:.8;pointer-events:none;height:2px;position:absolute;top:0;left:0;right:0}.lam-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.lam-head-left{flex-direction:column;gap:3px;display:flex}.lam-title{letter-spacing:-.3px;color:var(--text-primary);margin:0;font-size:17px;font-weight:700}.lam-sub{color:var(--text-muted);margin:0;font-size:12px;line-height:1.4}.lam-close{border:1px solid var(--border-default);background:var(--bg-input);width:32px;height:32px;color:var(--text-muted);cursor:pointer;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;transition:border-color .15s,color .15s,background .15s;display:flex}.lam-close:hover{color:var(--danger,#ff6b6b);background:#ff505014;border-color:#ff505059}.lam-steps{align-items:center;gap:0;display:flex}.lam-step{color:var(--text-muted);white-space:nowrap;align-items:center;gap:7px;font-size:12px;font-weight:600;display:flex}.lam-step--active{color:var(--text-primary)}.lam-step-dot{border:2px solid var(--border-default);background:var(--bg-input);width:22px;height:22px;color:var(--text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;font-weight:700;transition:border-color .2s,background .2s,color .2s;display:flex}.lam-step--active .lam-step-dot{border-color:var(--brand-purple,#9945ff);color:var(--brand-purple,#9945ff);background:#9945ff1f}.lam-step-dot--muted,.lam-step-label--muted{opacity:.45}.lam-step-line{background:var(--border-default);flex:1;min-width:16px;height:1px;margin:0 6px}.lam-error{background:var(--danger-bg,#ff505014);border:1px solid var(--danger-border,#ff505038);color:var(--danger,#ff6b6b);border-radius:10px;padding:10px 14px;font-size:13px;font-weight:500;line-height:1.45}.lam-form{flex-direction:column;gap:14px;display:flex}.lam-field{flex-direction:column;gap:6px;display:flex}.lam-label{text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);font-size:11px;font-weight:700}.lam-required{color:var(--danger,#ff6b6b)}.lam-type-row{gap:8px;display:flex}.lam-type-btn{border:1.5px solid var(--border-input);background:var(--bg-input);height:40px;color:var(--text-secondary);cursor:pointer;border-radius:10px;flex:1;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;transition:border-color .15s,color .15s,background .15s,box-shadow .15s}.lam-type-btn:hover{border-color:var(--border-hover);color:var(--text-primary)}.lam-type-btn--active{border-color:var(--brand-purple,#9945ff);color:var(--brand-purple,#9945ff);background:#9945ff14;box-shadow:0 0 0 3px #9945ff1a}.lam-input{border:1.5px solid var(--border-input);background:var(--bg-input);height:42px;color:var(--text-primary);box-sizing:border-box;-webkit-appearance:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border-radius:10px;outline:none;width:100%;padding:0 14px;font-family:DM Sans,sans-serif;font-size:13.5px;transition:border-color .15s,box-shadow .15s,background .15s}[data-theme=light] .lam-input{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.lam-input[type=date]::-webkit-calendar-picker-indicator{opacity:.55;cursor:pointer;filter:invert();transition:opacity .15s}.lam-input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}[data-theme=light] .lam-input[type=date]::-webkit-calendar-picker-indicator{filter:invert(0)}.lam-input::placeholder{color:var(--text-placeholder)}.lam-input:focus{border-color:var(--brand-purple,#9945ff);background:var(--bg-input-focus);box-shadow:0 0 0 3px #9945ff1f}.lam-grid-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.lam-file-label{border:1.5px dashed var(--border-input);background:var(--bg-input);height:42px;color:var(--text-secondary);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border-radius:10px;align-items:center;gap:9px;padding:0 14px;font-family:DM Sans,sans-serif;font-size:13px;transition:border-color .15s,color .15s,background .15s;display:flex;overflow:hidden}.lam-file-label:hover{border-color:var(--brand-purple,#9945ff);color:var(--text-primary);background:#9945ff0a}.lam-file-hidden{opacity:0;clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.lam-hint{color:var(--text-muted);margin:0;font-size:11.5px;line-height:1.4}.lam-hint--warn{color:var(--danger,#ff6b6b);font-weight:600}.lam-divider{text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);align-items:center;gap:10px;font-size:11px;font-weight:700;display:flex}.lam-divider:before,.lam-divider:after{content:"";background:var(--border-default);flex:1;height:1px}.lam-emp-preview{border:1px solid var(--border-default);background:var(--bg-surface-2);border-radius:10px;align-items:center;gap:10px;margin-top:4px;padding:10px 14px;transition:border-color .15s;display:flex}.lam-emp-preview:hover{border-color:var(--border-hover)}.lam-emp-avatar{width:34px;height:34px;color:var(--brand-purple,#9945ff);letter-spacing:-.3px;background:#9945ff1f;border:1.5px solid #9945ff47;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.lam-emp-name{color:var(--text-primary);margin:0;font-size:13px;font-weight:700}.lam-emp-sub{color:var(--text-muted);margin:2px 0 0;font-size:11.5px}.lam-skel{background:var(--bg-input);border-radius:10px;height:42px;animation:1.5s infinite lam-pulse}.lam-actions{border-top:1px solid var(--border-default);justify-content:flex-end;align-items:center;gap:10px;margin-top:4px;padding-top:6px;display:flex}.lam-btn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:7px;height:40px;padding:0 20px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:700;transition:opacity .15s,transform .1s,background .15s,box-shadow .15s;display:inline-flex;position:relative;overflow:hidden}.lam-btn:disabled{opacity:.38;cursor:not-allowed;transform:none!important}.lam-btn--primary:after{content:"";background:linear-gradient(105deg,#0000 30%,#ffffff38 50%,#0000 70%);transition:transform .45s;position:absolute;inset:0;transform:translate(-100%)}.lam-btn--primary:hover:not(:disabled):after{transform:translate(100%)}.lam-btn--primary{background:var(--brand-grad,linear-gradient(90deg, #9945ff, #14f195));color:#000;box-shadow:0 0 14px #9945ff47}.lam-btn--primary:hover:not(:disabled){opacity:.9;transform:translateY(-1px);box-shadow:0 0 22px #9945ff66}.lam-btn--ghost{background:var(--bg-input);border-color:var(--border-input);color:var(--text-secondary)}.lam-btn--ghost:hover:not(:disabled){border-color:var(--border-hover);color:var(--text-primary);transform:translateY(-1px)}.lam-spinner{border:2px solid #00000040;border-top-color:#000;border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.7s linear infinite lam-spin}@media (width<=520px){.lam-box{border-radius:16px;padding:18px}.lam-grid-2{grid-template-columns:1fr}.lam-actions{flex-direction:column-reverse;align-items:stretch}.lam-btn{justify-content:center;width:100%}.lam-type-row{flex-direction:column}}.rl-wrap{background:var(--bg-page);min-height:100%;color:var(--text-primary);box-sizing:border-box;flex-direction:column;gap:14px;padding:20px;font-family:DM Sans,sans-serif;display:flex}.rl-header{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:16px;flex-direction:column;flex-shrink:0;gap:16px;padding:18px 22px 20px;display:flex;position:relative;overflow:hidden}.rl-header:before{content:"";background:var(--brand-grad,linear-gradient(90deg, #9945ff, #14f195));opacity:.8;pointer-events:none;height:2px;position:absolute;top:0;left:0;right:0}.rl-header-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.rl-header-left{flex-direction:column;gap:8px;display:flex}.rl-heading{color:var(--text-primary);letter-spacing:-.3px;margin:0;font-size:17px;font-weight:700}.rl-flow-row{flex-direction:column;align-items:flex-start;display:inline-flex;position:relative}.rl-flow-info-btn{border:1px solid var(--border-default);background:var(--bg-input);height:28px;color:var(--text-muted);cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:7px;padding:0 12px 0 8px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.rl-flow-info-btn:hover{border-color:var(--brand-purple,#9945ff);color:var(--brand-purple,#9945ff);background:var(--sidebar-item-active)}.rl-flow-info-dot{background:var(--brand-purple,#9945ff);border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:2s infinite rl-dot-pulse}.rl-flow-info-chevron{color:var(--text-muted);align-items:center;transition:transform .2s;display:flex}.rl-flow-info-chevron.open{transform:rotate(180deg)}.rl-flow-tooltip{z-index:999;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:14px;min-width:280px;max-width:min(320px,90vw);padding:16px;animation:.18s cubic-bezier(.16,1,.3,1) rl-tooltip-in;position:fixed;box-shadow:0 16px 40px #00000038}.rl-flow-tooltip-title{text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);margin:0 0 14px;font-size:11px;font-weight:700}.rl-flow-steps{flex-direction:column;gap:0;display:flex}.rl-flow-step{gap:12px;display:flex}.rl-flow-step-left{flex-direction:column;flex-shrink:0;align-items:center;display:flex}.rl-flow-bubble{border:2px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;font-weight:700;display:flex}.rl-flow-bubble--requested{color:var(--text-secondary);background:#94a3b81f;border-color:#94a3b866}.rl-flow-bubble--approved{color:#14f195;background:#14f1951a;border-color:#14f19566}.rl-flow-bubble--rejected{color:var(--danger);background:#ff505014;border-color:#ff505059}.rl-flow-bubble--confirmed{color:var(--brand-purple,#9945ff);background:#9945ff1a;border-color:#9945ff66}.rl-flow-line{background:var(--border-default);border-radius:999px;flex:1;width:2px;min-height:16px;margin:3px 0}.rl-flow-step-body{flex-direction:column;gap:4px;padding-bottom:16px;display:flex}.rl-flow-step:last-child .rl-flow-step-body{padding-bottom:0}.rl-flow-step-desc{color:var(--text-muted);margin:0;font-size:12px;line-height:1.5}.rl-apply-btn{background:var(--brand-grad,linear-gradient(90deg, #9945ff, #14f195));height:38px;color:var(--btn-grad-text,#000);cursor:pointer;white-space:nowrap;border:none;border-radius:999px;flex-shrink:0;align-items:center;gap:7px;padding:0 18px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:700;transition:opacity .15s,transform .15s,box-shadow .15s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 0 14px #9945ff47}.rl-apply-btn:after{content:"";background:linear-gradient(105deg,#0000 30%,#ffffff38 50%,#0000 70%);transition:transform .45s;position:absolute;inset:0;transform:translate(-100%)}.rl-apply-btn:hover:after{transform:translate(100%)}.rl-apply-btn:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 0 22px #9945ff66}.rl-apply-btn:active{transform:translateY(0)}.rl-dept-chips{flex-wrap:wrap;gap:10px;display:flex}.rl-dept-chip{border:1px solid var(--border-default);background:var(--bg-page);height:36px;color:var(--text-secondary);border-radius:10px;flex-shrink:0;align-items:center;gap:8px;padding:0 14px 0 10px;font-size:12.5px;font-weight:600;display:flex}.rl-dept-chip-icon{color:var(--text-muted);align-items:center;display:flex}.rl-dept-chip-label{color:var(--text-muted);font-size:12px;font-weight:500}.rl-dept-chip-val{color:var(--text-primary);margin-left:2px;font-size:14px;font-weight:700}.rl-dept-chip--pending .rl-dept-chip-icon,.rl-dept-chip--pending .rl-dept-chip-val{color:#d97706}.rl-dept-chip--approved .rl-dept-chip-icon,.rl-dept-chip--approved .rl-dept-chip-val{color:#00b870}[data-theme=dark] .rl-dept-chip--pending .rl-dept-chip-val,[data-theme=dark] .rl-dept-chip--pending .rl-dept-chip-icon{color:#fbbf24}[data-theme=dark] .rl-dept-chip--approved .rl-dept-chip-val,[data-theme=dark] .rl-dept-chip--approved .rl-dept-chip-icon{color:#14f195}.rl-bal-row{flex-wrap:wrap;gap:10px;display:flex}.rl-bal-card--empty{pointer-events:none;border-style:dashed}.rl-bal-card--empty:before{opacity:0}.rl-bal-na{letter-spacing:.4px;color:var(--text-muted);background:var(--bg-input);border:1px solid var(--border-default);border-radius:6px;padding:3px 9px;font-size:11px;font-weight:600}.rl-bal-card{border:1px solid var(--border-default);background:var(--bg-page);border-radius:12px;flex:1;min-width:200px;max-width:320px;position:relative;overflow:hidden}.rl-bal-card:before{content:"";background:var(--accent,var(--brand-purple,#9945ff));opacity:.75;height:2px;position:absolute;top:0;left:0;right:0}.rl-bal-card--skel{pointer-events:none;min-height:58px;padding:14px 16px}.rl-bal-inner{justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex}.rl-bal-trigger-left{align-items:center;gap:10px;display:flex}.rl-bal-icon{background:var(--bg-input);border:1px solid var(--border-default);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.rl-bal-label{color:var(--text-primary);margin:0;font-size:12.5px;font-weight:700;display:block}.rl-bal-period{color:var(--text-muted);margin:1px 0 0;font-size:11px}.rl-bal-right{flex-shrink:0;align-items:center;gap:6px;display:flex}.rl-bal-nums{align-items:baseline;gap:3px;display:flex}.rl-bal-nums b{letter-spacing:-.5px;font-size:22px;font-weight:700;line-height:1}.rl-bal-sep{color:var(--text-muted);font-size:12px}.rl-filterbar{z-index:10;border:1px solid var(--border-default);background:var(--bg-overlay,#0a0a0ad9);-webkit-backdrop-filter:blur(10px);border-radius:12px;flex-wrap:wrap;align-items:flex-end;gap:10px;padding:12px 18px;display:flex;position:sticky;top:0;box-shadow:0 2px 12px #00000014}[data-theme=light] .rl-filterbar{background:#ffffffe0}.rl-filter-group{flex-direction:column;gap:4px;display:flex}.rl-filter-search{flex:1;min-width:220px}.rl-filter-label{text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);font-size:10.5px;font-weight:700}.rl-filter-sep{color:var(--text-muted);align-self:flex-end;padding-bottom:8px;font-size:13px}.rl-date-input{border:1px solid var(--border-input);background:var(--bg-input);height:34px;color:var(--text-primary);cursor:pointer;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border-radius:8px;outline:none;padding:0 12px;font-family:DM Sans,sans-serif;font-size:13px;transition:border-color .15s,box-shadow .15s}[data-theme=light] .rl-date-input{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.rl-date-input::-webkit-calendar-picker-indicator{opacity:.55;cursor:pointer;filter:invert();transition:opacity .15s}.rl-date-input::-webkit-calendar-picker-indicator:hover{opacity:1}[data-theme=light] .rl-date-input::-webkit-calendar-picker-indicator{filter:invert(0)}.rl-date-input:focus{border-color:var(--brand-purple,#9945ff);box-shadow:0 0 0 3px #9945ff1f}.rl-status-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;min-width:140px;padding-right:30px}.rl-clear-btn{border:1px solid var(--border-default);background:var(--bg-input);height:34px;color:var(--text-muted);cursor:pointer;border-radius:999px;align-self:flex-end;align-items:center;gap:5px;padding:0 13px;font-family:DM Sans,sans-serif;font-size:12.5px;font-weight:600;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.rl-clear-btn:hover{color:var(--danger,#ff6b6b);background:#ff50500f;border-color:#ff505066}.rl-table-wrap{background:var(--bg-surface);border:1px solid var(--border-default);scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent;border-radius:16px;flex:1;overflow:auto visible}.rl-table-wrap::-webkit-scrollbar{height:4px}.rl-table-wrap::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:99px}.rl-empty{text-align:center;color:var(--text-muted);margin:0;padding:48px 24px;font-size:13.5px}.rl-table{border-collapse:collapse;width:100%;font-family:DM Sans,sans-serif;font-size:13.5px}.rl-table thead tr{background:var(--table-header-bg,var(--bg-surface-2));border-bottom:1px solid var(--table-border,var(--border-default))}.rl-table th{text-align:left;text-transform:uppercase;letter-spacing:.55px;color:var(--text-muted);white-space:nowrap;padding:11px 16px;font-size:11px;font-weight:700}.rl-table td{border-bottom:1px solid var(--table-border,var(--border-default));vertical-align:top;color:var(--text-primary);padding:13px 16px}.rl-table tbody tr:last-child td{border-bottom:none}.rl-tr{cursor:pointer;transition:background .12s}.rl-tr:hover{background:var(--table-row-hover)}.rl-muted{font-size:12.5px;color:var(--text-secondary)!important}.rl-type{color:var(--text-primary);font-weight:600}.rl-link{color:var(--brand-purple,#9945ff);font-weight:600;text-decoration:none}.rl-link:hover{text-decoration:underline}.rl-attach-chip{height:24px;color:var(--brand-purple,#9945ff);white-space:nowrap;background:#9945ff12;border:1px solid #9945ff4d;border-radius:6px;align-items:center;gap:5px;padding:0 9px;font-family:DM Sans,sans-serif;font-size:11.5px;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s;display:inline-flex}.rl-attach-chip:hover{background:#9945ff24;border-color:#9945ff8c}.rl-no-attach{color:var(--text-muted);font-size:13px}.rl-employee-cell{flex-direction:column;gap:2px;display:flex}.rl-employee-name{color:var(--text-primary);font-size:13.5px;font-weight:700}.rl-employee-sub{color:var(--text-muted);font-size:11.5px}.rl-handover-cell{flex-direction:column;gap:3px;font-size:12.5px;display:flex}.rl-handover-pos{color:var(--text-muted);font-size:11.5px}.rl-hv-card{border:1px solid var(--border-default);background:var(--bg-page);border-radius:12px;overflow:hidden}.rl-hv-person{align-items:center;gap:10px;padding:12px 14px;display:flex}.rl-hv-avatar{width:36px;height:36px;color:var(--brand-purple,#9945ff);letter-spacing:-.5px;background:#9945ff1a;border:1.5px solid #9945ff40;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.rl-hv-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.rl-hv-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.rl-hv-sub{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.rl-hv-empty{color:var(--text-muted);border:1px dashed var(--border-default);text-align:center;border-radius:12px;padding:12px 14px;font-size:13px}.rl-sk-row td{border-bottom:1px solid var(--border-default);padding:13px 16px}.rl-sk-line{background:var(--sidebar-item-hover);border-radius:6px;width:72%;height:11px;animation:1.5s infinite rl-pulse}.rl-badge{letter-spacing:.3px;white-space:nowrap;text-transform:uppercase;border-radius:6px;align-items:center;height:22px;padding:0 9px;font-family:DM Sans,sans-serif;font-size:11px;font-weight:700;display:inline-flex}.rl-badge--requested{color:var(--text-secondary);border:1px solid var(--border-default);background:#94a3b81f}.rl-badge--approved{color:#00b870;background:#14f1951a;border:1px solid #14f19540}[data-theme=dark] .rl-badge--approved{color:#14f195}.rl-badge--rejected{color:var(--danger,#ff6b6b);background:#ff505014;border:1px solid #ff505038}.rl-badge--confirmed{color:var(--brand-purple,#9945ff);background:#9945ff1a;border:1px solid #9945ff40}.rl-badge--pending{color:#d97706;background:#f59e0b1a;border:1px solid #f59e0b38}[data-theme=dark] .rl-badge--pending{color:#fbbf24}.rl-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:4px 0 8px;display:flex}.rl-page-nav{border:1px solid var(--border-default);background:var(--bg-surface);height:36px;color:var(--text-secondary);cursor:pointer;border-radius:999px;align-items:center;gap:5px;padding:0 14px;font-family:DM Sans,sans-serif;font-size:12.5px;font-weight:600;transition:border-color .15s,color .15s;display:inline-flex}.rl-page-nav:hover:not(:disabled){border-color:var(--border-focus,#9945ff8c);color:var(--brand-purple,#9945ff)}.rl-page-nav:disabled{opacity:.4;cursor:not-allowed}.rl-page-pills{gap:4px;display:flex}.rl-page-pill{border:1px solid var(--border-default);background:var(--bg-surface);width:32px;height:32px;color:var(--text-muted);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;font-family:DM Sans,sans-serif;font-size:12.5px;font-weight:700;transition:all .15s;display:flex}.rl-page-pill:hover:not(:disabled):not(.active){border-color:var(--border-focus,#9945ff8c);color:var(--brand-purple,#9945ff)}.rl-page-pill.active{background:var(--brand-grad,linear-gradient(90deg, #9945ff, #14f195));color:var(--btn-grad-text,#000);border-color:#0000}.rl-page-pill:disabled{opacity:.4;cursor:not-allowed}.rl-page-info{color:var(--text-muted);font-size:13px}.rl-page-info b{color:var(--text-primary)}.rl-form{flex-direction:column;gap:14px;display:flex}.rl-field{flex-direction:column;gap:6px;display:flex}.rl-label{text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);font-size:11px;font-weight:700}.rl-input{border:1.5px solid var(--border-input);background:var(--bg-input);height:42px;color:var(--text-primary);box-sizing:border-box;-webkit-appearance:none;border-radius:10px;outline:none;width:100%;padding:0 14px;font-family:DM Sans,sans-serif;font-size:13.5px;transition:border-color .15s,box-shadow .15s,background .15s}.rl-input::placeholder{color:var(--text-placeholder)}.rl-input:focus{border-color:var(--brand-purple,#9945ff);background:var(--bg-input-focus);box-shadow:0 0 0 3px #9945ff1f}.rl-input:disabled{opacity:.5;cursor:not-allowed}.rl-input--static{background:var(--bg-surface-2);border-color:var(--border-default);cursor:default;align-items:center;display:flex}.rl-grid-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.rl-attach-wrap{flex-direction:column;gap:8px;display:flex}.rl-attach-btns{flex-wrap:wrap;gap:8px;display:flex}.rl-file-label{border:1.5px dashed var(--border-input);background:var(--bg-input);height:42px;color:var(--text-secondary);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border-radius:10px;align-items:center;gap:9px;padding:0 14px;font-family:DM Sans,sans-serif;font-size:13px;transition:border-color .15s,color .15s,background .15s;display:flex;overflow:hidden}.rl-file-label:hover{border-color:var(--brand-purple,#9945ff);color:var(--text-primary);background:#9945ff0a}.rl-file-label span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.rl-file-hidden{opacity:0;clip:rect(0,0,0,0);pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.rl-hint{color:var(--text-muted);font-size:11.5px;display:block}.rl-modal-btn{cursor:pointer;border:1px solid #0000;border-radius:999px;height:38px;padding:0 18px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;transition:opacity .15s,transform .1s,background .15s,box-shadow .15s;position:relative;overflow:hidden}.rl-modal-btn:disabled{opacity:.38;cursor:not-allowed}.rl-modal-btn--primary{background:var(--brand-grad,linear-gradient(90deg,#9945ff,#14f195));color:var(--btn-grad-text,#000);box-shadow:0 0 12px #9945ff38}.rl-modal-btn--primary:hover:not(:disabled){opacity:.88;transform:translateY(-1px)}.rl-modal-btn--danger{color:var(--danger,#ff6b6b);background:#ff505014;border-color:#ff505038}.rl-modal-btn--danger:hover:not(:disabled){background:#ff505029}.rl-modal-btn--ghost{background:var(--bg-input);border-color:var(--border-input);color:var(--text-secondary)}.rl-modal-btn--ghost:hover:not(:disabled){border-color:var(--border-hover);color:var(--text-primary)}@media (width<=768px){.rl-wrap{gap:10px;padding:12px}.rl-header{padding:14px 16px 16px}.rl-header-top{flex-direction:column;align-items:stretch}.rl-apply-btn{justify-content:center;width:100%}.rl-dept-chips{gap:8px}.rl-dept-chip{flex:1;min-width:120px}.rl-filterbar{padding:10px 12px}.rl-filter-search{min-width:100%}.rl-table th,.rl-table td{padding:10px 12px}.rl-grid-2{grid-template-columns:1fr}}@media (width<=520px){.rl-table{font-size:12.5px}.rl-filterbar{flex-direction:column;align-items:stretch}.rl-clear-btn{justify-content:center;width:100%}.rl-dept-chip{width:100%}.rl-pagination{gap:6px}.rl-page-info{text-align:center;width:100%}}.spd-wrap-direksi{background:var(--bg-page);min-height:100%;color:var(--text-primary);box-sizing:border-box;flex-direction:column;gap:14px;padding:20px;font-family:DM Sans,sans-serif;display:flex}.spd-header-direksi{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:16px;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:14px;padding:18px 22px;display:flex;position:relative;overflow:hidden}.spd-header-direksi:before{content:"";background:var(--brand-grad,linear-gradient(90deg, #9945ff, #14f195));opacity:.75;pointer-events:none;height:2px;position:absolute;top:0;left:0;right:0}.spd-header-left-direksi{min-width:0}.spd-heading-direksi{letter-spacing:-.3px;color:var(--text-primary);margin:0 0 3px;font-size:17px;font-weight:700}.spd-date-direksi{color:var(--text-muted);text-transform:capitalize;margin:0;font-size:12.5px}.spd-apply-btn-direksi{background:var(--brand-grad,linear-gradient(90deg, #9945ff, #14f195));color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:999px;flex-shrink:0;align-items:center;gap:7px;height:38px;padding:0 18px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:700;transition:opacity .2s,transform .15s,box-shadow .2s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 0 14px #9945ff47}.spd-apply-btn-direksi:after{content:"";background:linear-gradient(105deg,#0000 30%,#ffffff38 50%,#0000 70%);transition:transform .45s;position:absolute;inset:0;transform:translate(-100%)}.spd-apply-btn-direksi:hover:after{transform:translate(100%)}.spd-apply-btn-direksi:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 0 22px #9945ff66}.spd-apply-btn-direksi:active{transform:translateY(0)}.spd-filterbar-direksi{z-index:10;border:1px solid var(--border-default);background:var(--bg-overlay,#0a0a0ad9);-webkit-backdrop-filter:blur(10px);border-radius:12px;flex-wrap:wrap;align-items:flex-end;gap:10px;padding:12px 18px;display:flex;position:sticky;top:0;box-shadow:0 2px 12px #00000014}[data-theme=light] .spd-filterbar-direksi{background:#ffffffe0}.spd-filter-group-direksi{flex-direction:column;gap:4px;display:flex}.spd-filter-label-direksi{text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);font-size:10.5px;font-weight:700}.spd-filter-sep-direksi{color:var(--text-muted);align-self:flex-end;padding-bottom:8px;font-size:13px}.spd-search-input-direksi,.spd-select-direksi,.spd-date-input-direksi{border:1px solid var(--border-default);background:var(--bg-input);height:34px;color:var(--text-primary);border-radius:8px;outline:none;padding:0 12px;font-family:DM Sans,sans-serif;font-size:13px;transition:border-color .15s,box-shadow .15s,background .15s}.spd-search-input-direksi{min-width:200px}.spd-search-input-direksi::placeholder{color:var(--text-muted)}.spd-select-direksi,.spd-date-input-direksi{cursor:pointer}.spd-date-input-direksi{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=light] .spd-date-input-direksi{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.spd-date-input-direksi::-webkit-calendar-picker-indicator{opacity:.55;cursor:pointer;filter:invert()}[data-theme=light] .spd-date-input-direksi::-webkit-calendar-picker-indicator{filter:invert(0)}[data-theme=dark] .spd-select-direksi{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=light] .spd-select-direksi{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.spd-select-direksi option{background:var(--bg-surface);color:var(--text-primary)}.spd-search-input-direksi:focus,.spd-select-direksi:focus,.spd-date-input-direksi:focus{border-color:var(--brand-purple,#9945ff);box-shadow:0 0 0 3px #9945ff1f}.spd-clear-btn-direksi{border:1px solid var(--border-default);background:var(--bg-input);height:34px;color:var(--text-muted);cursor:pointer;white-space:nowrap;border-radius:999px;align-self:flex-end;align-items:center;gap:5px;padding:0 13px;font-family:DM Sans,sans-serif;font-size:12.5px;font-weight:600;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.spd-clear-btn-direksi:hover{color:var(--danger,#ff6b6b);background:#ff50500f;border-color:#ff505059}.spd-table-wrap-direksi{background:var(--bg-surface);border:1px solid var(--border-default);scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent;border-radius:16px;flex:1;overflow:auto visible}.spd-table-wrap-direksi::-webkit-scrollbar{height:4px}.spd-table-wrap-direksi::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:99px}.spd-empty-direksi{text-align:center;color:var(--text-muted);margin:0;padding:48px 24px;font-size:13.5px}.spd-table-direksi{border-collapse:collapse;text-align:left;width:100%;min-width:720px;font-family:DM Sans,sans-serif;font-size:13.5px}.spd-table-direksi thead tr{background:var(--bg-surface);border-bottom:1px solid var(--border-default)}.spd-table-direksi th{text-align:left;text-transform:uppercase;letter-spacing:.55px;color:var(--text-muted);white-space:nowrap;padding:11px 16px;font-size:11px;font-weight:700}.spd-table-direksi td{border-bottom:1px solid var(--border-default);vertical-align:middle;color:var(--text-primary);padding:13px 16px;text-align:left!important}.spd-table-direksi tbody tr:last-child td{border-bottom:none}.spd-tr-direksi{cursor:pointer;transition:background .12s}.spd-tr-direksi:hover{background:var(--table-row-hover)}.spd-strong-direksi{color:var(--text-primary);font-weight:600}.spd-muted-direksi{font-size:12.5px;color:var(--text-muted)!important}.spd-person-direksi{align-items:center;gap:9px;display:flex}.spd-person-avatar-direksi{width:30px;height:30px;color:var(--brand-purple,#9945ff);background:#9945ff1a;border:1.5px solid #9945ff40;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.spd-person-name-direksi{color:var(--text-primary);margin:0;font-size:13px;font-weight:700}.spd-person-sub-direksi{color:var(--text-muted);margin:1px 0 0;font-size:11.5px}.spd-sk-row-direksi td{border-bottom:1px solid var(--border-default);padding:13px 16px}.spd-sk-line-direksi{background:var(--bg-input);border-radius:6px;width:72%;height:11px;animation:1.5s infinite spd-pulse-direksi}@keyframes spd-pulse-direksi{0%,to{opacity:.4}50%{opacity:.85}}.spd-badge-direksi{letter-spacing:.3px;white-space:nowrap;text-transform:uppercase;border-radius:6px;align-items:center;height:22px;padding:0 9px;font-family:DM Sans,sans-serif;font-size:11px;font-weight:700;display:inline-flex}.spd-badge--pending-direksi{color:#d97706;background:#f59e0b1a;border:1px solid #f59e0b38}[data-theme=dark] .spd-badge--pending-direksi{color:#fbbf24}.spd-badge--approved-direksi{color:#00b870;background:#14f1951a;border:1px solid #14f19540}[data-theme=dark] .spd-badge--approved-direksi{color:#14f195}.spd-badge--rejected-direksi{color:var(--danger,#ff6b6b);background:#ff505014;border:1px solid #ff505038}.spd-badge--cancelled-direksi{color:var(--text-muted);border:1px solid var(--border-default);background:#94a3b81f}.spd-pagination-direksi{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:4px 0 8px;display:flex}.spd-page-nav-direksi{border:1px solid var(--border-default);background:var(--bg-surface);height:36px;color:var(--text-secondary);cursor:pointer;border-radius:999px;align-items:center;gap:5px;padding:0 14px;font-family:DM Sans,sans-serif;font-size:12.5px;font-weight:600;transition:border-color .15s,color .15s;display:inline-flex}.spd-page-nav-direksi:hover:not(:disabled){border-color:var(--border-focus,#9945ff8c);color:var(--brand-purple,#9945ff)}.spd-page-nav-direksi:disabled{opacity:.4;cursor:not-allowed}.spd-page-pills-direksi{gap:4px;display:flex}.spd-page-pill-direksi{border:1px solid var(--border-default);background:var(--bg-surface);width:32px;height:32px;color:var(--text-muted);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;font-family:DM Sans,sans-serif;font-size:12.5px;font-weight:700;transition:all .15s;display:flex}.spd-page-pill-direksi:hover:not(:disabled):not(.active-direksi){border-color:var(--border-focus,#9945ff8c);color:var(--brand-purple,#9945ff)}.spd-page-pill-direksi.active-direksi{background:var(--brand-grad,linear-gradient(90deg, #9945ff, #14f195));color:var(--btn-grad-text,#000);border-color:#0000}.spd-page-pill-direksi:disabled{opacity:.4;cursor:not-allowed}.spd-form-direksi{flex-direction:column;gap:14px;display:flex}.spd-field-direksi{flex-direction:column;gap:6px;display:flex}.spd-label-direksi{text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);font-size:11px;font-weight:700}.spd-input-direksi{border:1.5px solid var(--border-default);background:var(--bg-input);height:42px;color:var(--text-primary);box-sizing:border-box;border-radius:10px;outline:none;width:100%;padding:0 14px;font-family:DM Sans,sans-serif;font-size:13.5px;transition:border-color .15s,box-shadow .15s}.spd-input-direksi::placeholder{color:var(--text-muted)}.spd-input-direksi:focus{border-color:var(--brand-purple,#9945ff);box-shadow:0 0 0 3px #9945ff1f}.spd-input-direksi[type=date]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;cursor:pointer}[data-theme=light] .spd-input-direksi[type=date]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.spd-input-direksi[type=date]::-webkit-calendar-picker-indicator{opacity:.55;cursor:pointer;filter:invert()}[data-theme=light] .spd-input-direksi[type=date]::-webkit-calendar-picker-indicator{filter:invert(0)}.spd-grid-2-direksi{grid-template-columns:1fr 1fr;gap:12px;display:grid}.spd-hint-direksi{color:var(--text-muted);font-size:11.5px;display:block}.spd-file-label-direksi{border:1.5px dashed var(--border-default);background:var(--bg-input);height:42px;color:var(--text-muted);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border-radius:10px;align-items:center;gap:8px;padding:0 14px;font-family:DM Sans,sans-serif;font-size:13px;transition:border-color .15s,color .15s;display:flex;overflow:hidden}.spd-file-label-direksi:hover{border-color:var(--brand-purple,#9945ff);color:var(--text-primary)}.spd-file-remove-direksi{appearance:none;color:var(--danger,#ff6b6b);cursor:pointer;background:0 0;border:none;padding:0;font-family:DM Sans,sans-serif;font-size:12px}.spd-modal-btn-direksi{cursor:pointer;border:1px solid var(--border-default);background:var(--bg-input);height:38px;color:var(--text-primary);border-radius:999px;align-items:center;gap:6px;padding:0 18px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;transition:opacity .15s,transform .1s,background .15s,box-shadow .15s;display:inline-flex}.spd-modal-btn-direksi:hover:not(:disabled){border-color:var(--border-hover)}.spd-modal-btn--primary-direksi{background:var(--brand-grad,linear-gradient(90deg, #9945ff, #14f195));color:#fff;border-color:#0000;box-shadow:0 0 12px #9945ff38}.spd-modal-btn--primary-direksi:hover:not(:disabled){opacity:.88;transform:translateY(-1px)}.spd-modal-btn--danger-direksi{color:var(--danger,#ff6b6b);background:#ff505014;border-color:#ff50504d}.spd-modal-btn--danger-direksi:hover:not(:disabled){background:#ff505029}.spd-modal-btn-direksi:disabled{opacity:.38;cursor:not-allowed}.spd-overlay-direksi{-webkit-backdrop-filter:blur(4px);z-index:300;background:#0000008c;justify-content:center;align-items:center;padding:16px;animation:.18s spd-fade-direksi;display:flex;position:fixed;inset:0}@keyframes spd-fade-direksi{0%{opacity:0}to{opacity:1}}.spd-modal-direksi{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:20px;flex-direction:column;width:min(560px,100%);max-height:90vh;font-family:DM Sans,sans-serif;animation:.22s cubic-bezier(.16,1,.3,1) spd-slide-direksi;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 64px #00000047}.spd-modal-direksi:before{content:"";background:var(--brand-grad,linear-gradient(90deg, #9945ff, #14f195));opacity:.8;pointer-events:none;z-index:1;height:2px;position:absolute;top:0;left:0;right:0}@keyframes spd-slide-direksi{0%{opacity:0;transform:translateY(18px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.spd-modal-head-direksi{border-bottom:1px solid var(--border-default);justify-content:space-between;align-items:flex-start;gap:12px;padding:20px 22px 16px;display:flex}.spd-modal-title-direksi{color:var(--text-primary);margin:0 0 2px;font-size:16px;font-weight:700}.spd-modal-sub-direksi{color:var(--text-muted);margin:0;font-size:12px}.spd-modal-close-direksi{border:1px solid var(--border-default);background:var(--bg-input);width:30px;height:30px;color:var(--text-muted);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:border-color .15s,color .15s,background .15s;display:flex}.spd-modal-close-direksi:hover{color:var(--danger,#ff6b6b);background:#ff505014;border-color:#ff50504d}.spd-modal-body-direksi{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent;flex-direction:column;flex:1;padding:18px 22px;display:flex;overflow-y:auto}.spd-modal-foot-direksi{border-top:1px solid var(--border-default);flex-wrap:wrap;justify-content:flex-end;gap:8px;padding:14px 22px 18px;display:flex}.spd-detail-grid-direksi{grid-template-columns:1fr 1fr;gap:10px;padding:4px 0;display:grid}.spd-detail-item-direksi{border:1px solid var(--border-default);background:var(--bg-input);border-radius:10px;padding:10px 12px}.spd-detail-item--full-direksi{grid-column:1/-1}.spd-detail-label-direksi{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:5px;font-size:10.5px;font-weight:700}.spd-detail-value-direksi{color:var(--text-primary);font-size:13.5px;font-weight:600}.spd-attach-link-direksi{color:var(--brand-purple,#9945ff);font-size:13px;font-weight:600;text-decoration:none}.spd-attach-link-direksi:hover{text-decoration:underline}@media (width<=768px){.spd-wrap-direksi{gap:10px;padding:12px}.spd-header-direksi{padding:14px 16px}.spd-filterbar-direksi,.spd-table-direksi th,.spd-table-direksi td{padding:10px 12px}.spd-grid-2-direksi,.spd-detail-grid-direksi{grid-template-columns:1fr}.spd-detail-item--full-direksi{grid-column:1}}@media (width<=520px){.spd-table-direksi{font-size:12.5px}.spd-filterbar-direksi{flex-direction:column;align-items:stretch}.spd-filter-sep-direksi{display:none}.spd-clear-btn-direksi{justify-content:center;width:100%}.spd-modal-foot-direksi{flex-direction:column-reverse}.spd-modal-btn-direksi{justify-content:center;width:100%}}.spd-participant-count-direksi{background:var(--color-primary,#9945ff);color:#fff;border-radius:999px;justify-content:center;align-items:center;margin-left:6px;padding:1px 6px;font-size:11px;font-weight:600;line-height:1.4;display:inline-flex}.spd-participant-wrap-direksi{flex-direction:column;gap:6px;display:flex;position:relative}.spd-participant-tags-direksi{flex-wrap:wrap;gap:5px;display:flex}.spd-participant-tag-direksi{background:color-mix(in srgb, var(--color-primary,#9945ff) 12%, transparent);color:var(--color-primary,#9945ff);border:1px solid color-mix(in srgb, var(--color-primary,#9945ff) 30%, transparent);border-radius:999px;align-items:center;gap:4px;padding:3px 8px 3px 10px;font-size:12px;font-weight:500;display:inline-flex}.spd-participant-tag-direksi button{cursor:pointer;color:inherit;opacity:.7;background:0 0;border:none;align-items:center;padding:0;font-size:11px;line-height:1;display:flex}.spd-participant-tag-direksi button:hover{opacity:1}.spd-participant-trigger-direksi{border:1px dashed var(--color-border,#e2e8f0);color:var(--color-text-secondary,#64748b);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:6px;width:fit-content;padding:7px 12px;font-size:13px;transition:border-color .15s,color .15s;display:inline-flex}.spd-participant-trigger-direksi:hover:not(:disabled){border-color:var(--color-primary,#9945ff);color:var(--color-primary,#9945ff)}.spd-participant-trigger-direksi:disabled{opacity:.5;cursor:not-allowed}.spd-participant-dropdown-direksi{z-index:100;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:10px;width:100%;min-width:280px;position:absolute;top:calc(100% + 4px);left:0;overflow:hidden;box-shadow:0 8px 24px #0000001a}.spd-participant-search-direksi{border:none;border-bottom:1px solid var(--color-border,#e2e8f0);width:100%;color:var(--color-text,#0f172a);box-sizing:border-box;background:0 0;outline:none;padding:9px 12px;font-size:13px}.spd-participant-list-direksi{max-height:220px;overflow-y:auto}.spd-participant-empty-direksi{text-align:center;color:var(--color-text-secondary,#64748b);margin:0;padding:16px;font-size:13px}.spd-participant-item-direksi{cursor:pointer;align-items:center;gap:10px;padding:8px 12px;transition:background .1s;display:flex}.spd-participant-item-direksi:hover{background:var(--color-hover,#f8fafc)}.spd-participant-item-direksi.checked{background:color-mix(in srgb, var(--color-primary,#9945ff) 6%, transparent)}.spd-participant-item-direksi input[type=checkbox]{accent-color:var(--color-primary,#9945ff);flex-shrink:0;width:15px;height:15px}.spd-participant-item-avatar-direksi{background:color-mix(in srgb, var(--color-primary,#9945ff) 15%, transparent);width:28px;height:28px;color:var(--color-primary,#9945ff);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:flex}.spd-participant-item-name-direksi{color:var(--color-text,#0f172a);margin:0;font-size:13px;font-weight:500}.spd-participant-item-sub-direksi{color:var(--color-text-secondary,#64748b);margin:0;font-size:11px}.spd-detail-participants-direksi{flex-direction:column;gap:8px;margin-top:4px;display:flex}.hv-wrap{background:var(--bg-page);min-height:100%;color:var(--text-primary);box-sizing:border-box;flex-direction:column;gap:14px;padding:20px;font-family:DM Sans,sans-serif;display:flex}.hv-header{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:16px;flex-shrink:0;justify-content:space-between;align-items:center;gap:14px;padding:18px 22px;display:flex;position:relative;overflow:hidden}.hv-header:before{content:"";background:var(--brand-grad,linear-gradient(90deg, #9945ff, #14f195));opacity:.75;pointer-events:none;height:2px;position:absolute;top:0;left:0;right:0}.hv-heading{letter-spacing:-.3px;color:var(--text-primary);margin:0 0 3px;font-size:17px;font-weight:700}.hv-date{color:var(--text-muted);text-transform:capitalize;margin:0;font-size:12.5px}.hv-searchbar{z-index:10;border:1px solid var(--border-default);background:var(--bg-overlay,#0a0a0ad9);-webkit-backdrop-filter:blur(10px);border-radius:12px;padding:10px 16px;position:sticky;top:0;box-shadow:0 2px 12px #00000014}[data-theme=light] .hv-searchbar{background:#ffffffe0}.hv-search-wrap{align-items:center;display:flex;position:relative}.hv-search-icon{color:var(--text-muted);pointer-events:none;flex-shrink:0;position:absolute;left:12px}.hv-search-input{border:1px solid var(--border-input,var(--border-default));background:var(--bg-input);width:100%;height:38px;color:var(--text-primary);border-radius:999px;outline:none;padding:0 36px;font-family:DM Sans,sans-serif;font-size:13.5px;transition:border-color .15s,box-shadow .15s,background .15s}.hv-search-input::placeholder{color:var(--text-placeholder,var(--text-muted))}.hv-search-input:focus{border-color:var(--brand-purple,#9945ff);background:var(--bg-input-focus,var(--bg-input));box-shadow:0 0 0 3px #9945ff1f}.hv-search-clear{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 4px;font-size:11px;line-height:1;transition:color .15s;position:absolute;right:12px}.hv-search-clear:hover{color:var(--danger,#ff6b6b)}.hv-table-wrap{background:var(--bg-surface);border:1px solid var(--border-default);scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent;border-radius:16px;flex:1;overflow:auto visible}.hv-table-wrap::-webkit-scrollbar{height:4px}.hv-table-wrap::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:99px}.hv-empty{text-align:center;color:var(--text-muted);margin:0;padding:48px 24px;font-size:13.5px}.hv-table{border-collapse:collapse;width:100%;min-width:760px;font-family:DM Sans,sans-serif;font-size:13.5px}.hv-table thead tr{background:var(--table-header-bg,var(--bg-surface));border-bottom:1px solid var(--border-default)}.hv-table th{text-align:left;text-transform:uppercase;letter-spacing:.55px;color:var(--text-muted);white-space:nowrap;padding:11px 16px;font-size:11px;font-weight:700}.hv-table td{border-bottom:1px solid var(--border-default);vertical-align:middle;color:var(--text-primary);padding:13px 16px}.hv-table tbody tr:last-child td{border-bottom:none}.hv-tr{cursor:pointer;transition:background .12s}.hv-tr:hover{background:var(--table-row-hover)}.hv-muted{font-size:12.5px;color:var(--text-secondary,var(--text-muted))!important}.hv-person{align-items:center;gap:9px;display:flex}.hv-person-avatar{width:30px;height:30px;color:var(--brand-purple,#9945ff);letter-spacing:-.3px;background:#9945ff1a;border:1.5px solid #9945ff40;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.hv-person-name{color:var(--text-primary);margin:0;font-size:13px;font-weight:700}.hv-person-sub{color:var(--text-muted);margin:1px 0 0;font-size:11.5px}.hv-action-btns{flex-wrap:wrap;gap:6px;display:flex}.hv-sk-row td{border-bottom:1px solid var(--border-default);padding:13px 16px}.hv-sk-line{background:var(--sidebar-item-hover,#ffffff14);border-radius:6px;width:72%;height:11px;animation:1.5s infinite hv-pulse}.hv-badge{letter-spacing:.3px;white-space:nowrap;text-transform:uppercase;border-radius:6px;align-items:center;height:22px;padding:0 9px;font-family:DM Sans,sans-serif;font-size:11px;font-weight:700;display:inline-flex}.hv-badge--pending{color:#d97706;background:#f59e0b1a;border:1px solid #f59e0b38}[data-theme=dark] .hv-badge--pending{color:#fbbf24}.hv-badge--approved{color:#00b870;background:#14f1951a;border:1px solid #14f19540}[data-theme=dark] .hv-badge--approved{color:#14f195}.hv-badge--rejected{color:var(--danger,#ff6b6b);background:#ff505014;border:1px solid #ff505038}.hv-btn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;height:32px;padding:0 14px;font-family:DM Sans,sans-serif;font-size:12.5px;font-weight:700;transition:opacity .15s,transform .1s,background .15s,box-shadow .15s;display:inline-flex}.hv-btn:disabled{opacity:.38;cursor:not-allowed;transform:none!important}.hv-btn--approve{color:#00b870;background:#14f1951f;border-color:#14f1954d}[data-theme=dark] .hv-btn--approve{color:#14f195}.hv-btn--approve:hover:not(:disabled){background:#14f19533;transform:translateY(-1px)}.hv-btn--reject{color:var(--danger,#ff6b6b);background:#ff505014;border-color:#ff505038}.hv-btn--reject:hover:not(:disabled){background:#ff505029;transform:translateY(-1px)}.hv-btn--ghost{background:var(--bg-input);border-color:var(--border-default);color:var(--text-secondary,var(--text-muted))}.hv-btn--ghost:hover:not(:disabled){border-color:var(--border-default);color:var(--text-primary);transform:translateY(-1px)}.hv-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:4px 0 8px;display:flex}.hv-page-nav{border:1px solid var(--border-default);background:var(--bg-surface);height:36px;color:var(--text-secondary);cursor:pointer;border-radius:999px;align-items:center;gap:5px;padding:0 14px;font-family:DM Sans,sans-serif;font-size:12.5px;font-weight:600;transition:border-color .15s,color .15s;display:inline-flex}.hv-page-nav:hover:not(:disabled){border-color:var(--border-focus,#9945ff8c);color:var(--brand-purple,#9945ff)}.hv-page-nav:disabled{opacity:.4;cursor:not-allowed}.hv-page-pills{gap:4px;display:flex}.hv-page-pill{border:1px solid var(--border-default);background:var(--bg-surface);width:32px;height:32px;color:var(--text-muted);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;font-family:DM Sans,sans-serif;font-size:12.5px;font-weight:700;transition:all .15s;display:flex}.hv-page-pill:hover:not(:disabled):not(.active){border-color:var(--border-focus,#9945ff8c);color:var(--brand-purple,#9945ff)}.hv-page-pill.active{background:var(--brand-grad,linear-gradient(90deg, #9945ff, #14f195));color:var(--btn-grad-text,#000);border-color:#0000}.hv-page-pill:disabled{opacity:.4;cursor:not-allowed}.hv-page-info{color:var(--text-muted);font-size:13px}.hv-page-sep{color:var(--text-muted);margin:0 2px;font-weight:400}.hv-overlay{-webkit-backdrop-filter:blur(4px);z-index:300;background:#0000008c;justify-content:center;align-items:center;padding:16px;animation:.18s hv-fade;display:flex;position:fixed;inset:0}.hv-modal{background:var(--bg-surface);border:1px solid var(--border-default);scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent;border-radius:20px;flex-direction:column;width:min(520px,100%);max-height:90vh;font-family:DM Sans,sans-serif;animation:.22s cubic-bezier(.16,1,.3,1) hv-slide;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 64px #00000047}.hv-modal::-webkit-scrollbar{width:4px}.hv-modal::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:99px}.hv-modal:before{content:"";background:var(--brand-grad,linear-gradient(90deg, #9945ff, #14f195));opacity:.8;pointer-events:none;z-index:1;height:2px;position:absolute;top:0;left:0;right:0}.hv-modal-head{border-bottom:1px solid var(--border-default);justify-content:space-between;align-items:flex-start;gap:12px;padding:20px 22px 16px;display:flex}.hv-modal-title{letter-spacing:-.2px;color:var(--text-primary);margin:0 0 2px;font-size:16px;font-weight:700}.hv-modal-sub{color:var(--text-muted);margin:0;font-size:12px}.hv-modal-close{border:1px solid var(--border-default);background:var(--bg-input);width:30px;height:30px;color:var(--text-muted);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:border-color .15s,color .15s,background .15s;display:flex}.hv-modal-close:hover{color:var(--danger,#ff6b6b);background:#ff505014;border-color:#ff50504d}.hv-modal-body{flex-direction:column;flex:1;gap:12px;padding:18px 22px;display:flex;overflow-y:auto}.hv-detail-row{grid-template-columns:130px 1fr;align-items:center;gap:10px;display:grid}.hv-detail-label{text-transform:uppercase;letter-spacing:.55px;color:var(--text-muted);font-size:11px;font-weight:700}.hv-detail-val{color:var(--text-primary);font-size:13.5px}.hv-detail-divider{background:var(--border-default);border-radius:999px;height:1px;margin:2px 0}.hv-modal-foot{border-top:1px solid var(--border-default);flex-wrap:wrap;justify-content:flex-end;gap:8px;padding:14px 22px 18px;display:flex}@media (width<=768px){.hv-wrap{gap:10px;padding:12px}.hv-header{padding:14px 16px}.hv-detail-row{grid-template-columns:1fr;gap:4px}.hv-modal-foot{flex-direction:column-reverse}.hv-btn{justify-content:center;width:100%}}@media (width<=520px){.hv-table{font-size:12.5px}}.ovt-wrap{background:var(--bg-page);min-height:100%;color:var(--text-primary);box-sizing:border-box;flex-direction:column;gap:14px;padding:20px;font-family:DM Sans,sans-serif;display:flex}.ovt-header{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:16px;flex-direction:column;flex-shrink:0;gap:16px;padding:18px 22px 20px;display:flex;position:relative;overflow:hidden}.ovt-header:before{content:"";background:var(--brand-grad,linear-gradient(90deg, #9945ff, #14f195));opacity:.8;pointer-events:none;height:2px;position:absolute;top:0;left:0;right:0}.ovt-header-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.ovt-heading{color:var(--text-primary);letter-spacing:-.3px;margin:0;font-size:17px;font-weight:700}.ovt-subdate{color:var(--text-muted);margin:4px 0 0;font-size:12px}.ovt-apply-btn{background:var(--brand-grad,linear-gradient(90deg, #9945ff, #14f195));color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:999px;flex-shrink:0;align-items:center;gap:7px;height:38px;padding:0 18px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:700;transition:opacity .2s,transform .15s,box-shadow .2s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 0 14px #9945ff47}.ovt-apply-btn:after{content:"";background:linear-gradient(105deg,#0000 30%,#ffffff38 50%,#0000 70%);transition:transform .45s;position:absolute;inset:0;transform:translate(-100%)}.ovt-apply-btn:hover:after{transform:translate(100%)}.ovt-apply-btn:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 0 22px #9945ff66}.ovt-apply-btn:active{transform:translateY(0)}.ovt-filterbar{z-index:10;border:1px solid var(--border-default);background:var(--bg-overlay,#0a0a0ad9);-webkit-backdrop-filter:blur(10px);border-radius:12px;flex-wrap:wrap;align-items:flex-end;gap:10px;padding:12px 18px;display:flex;position:sticky;top:0;box-shadow:0 2px 12px #00000014}[data-theme=light] .ovt-filterbar{background:#ffffffe0}.ovt-filter-group{flex-direction:column;gap:4px;display:flex}.ovt-filter-label{text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);font-size:10.5px;font-weight:700}.ovt-filter-sep{color:var(--text-muted);padding-bottom:8px;font-size:13px}.ovt-search-input,.ovt-select,.ovt-date-input{border:1px solid var(--border-default);background:var(--bg-input);height:34px;color:var(--text-primary);border-radius:8px;outline:none;padding:0 12px;font-family:DM Sans,sans-serif;font-size:13px;transition:border-color .15s,box-shadow .15s,background .15s}.ovt-search-input{min-width:200px}.ovt-search-input::placeholder{color:var(--text-muted)}.ovt-select,.ovt-date-input{cursor:pointer}.ovt-date-input{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=light] .ovt-date-input{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.ovt-date-input::-webkit-calendar-picker-indicator{opacity:.55;cursor:pointer;filter:invert()}[data-theme=light] .ovt-date-input::-webkit-calendar-picker-indicator{filter:invert(0)}[data-theme=dark] .ovt-select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=light] .ovt-select{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.ovt-select option{background:var(--bg-surface);color:var(--text-primary)}.ovt-search-input:focus,.ovt-select:focus,.ovt-date-input:focus{border-color:var(--brand-purple,#9945ff);background:var(--bg-input);box-shadow:0 0 0 3px #9945ff1f}.ovt-clear-btn{border:1px solid var(--border-default);background:var(--bg-input);height:34px;color:var(--text-muted);cursor:pointer;border-radius:999px;align-self:flex-end;align-items:center;gap:5px;padding:0 13px;font-family:DM Sans,sans-serif;font-size:12.5px;font-weight:600;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.ovt-clear-btn:hover{color:var(--danger,#ff6b6b);background:#ff50500f;border-color:#ff505059}.ovt-table-wrap{background:var(--bg-surface);border:1px solid var(--border-default);scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent;border-radius:16px;flex:1;overflow:auto visible}.ovt-table-wrap::-webkit-scrollbar{height:4px}.ovt-table-wrap::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:99px}.ovt-empty{text-align:center;color:var(--text-muted);margin:0;padding:48px 24px;font-size:13.5px}.ovt-table{border-collapse:collapse;width:100%;font-family:DM Sans,sans-serif;font-size:13.5px}.ovt-table thead tr{background:var(--bg-surface);border-bottom:1px solid var(--border-default)}.ovt-table th{text-align:left;text-transform:uppercase;letter-spacing:.55px;color:var(--text-muted);white-space:nowrap;padding:11px 16px;font-size:11px;font-weight:700}.ovt-table td{border-bottom:1px solid var(--border-default);vertical-align:top;color:var(--text-primary);padding:13px 16px}.ovt-table tbody tr:last-child td{border-bottom:none}.ovt-table tbody tr{cursor:pointer;transition:background .12s}.ovt-table tbody tr:hover{background:var(--table-row-hover)}.ovt-strong{color:var(--text-primary);font-weight:600}.ovt-muted{font-size:12.5px;color:var(--text-muted)!important}.ovt-subline{color:var(--text-muted);margin-top:3px;font-size:11.5px}.ovt-time-range{color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border-default);border-radius:6px;align-items:center;gap:5px;padding:2px 8px;font-size:12.5px;font-weight:600;display:inline-flex}.ovt-time-arrow{color:var(--text-muted);font-size:11px}.ovt-hour-badge{height:22px;color:var(--brand-purple,#9945ff);background:#9945ff1a;border:1px solid #9945ff33;border-radius:6px;align-items:center;padding:0 9px;font-size:12px;font-weight:700;display:inline-flex}.ovt-sk-row td{border-bottom:1px solid var(--border-default);padding:13px 16px}.ovt-sk-line{background:var(--bg-input);border-radius:6px;width:72%;height:11px;animation:1.5s infinite ovt-pulse}.ovt-badge{letter-spacing:.3px;white-space:nowrap;text-transform:uppercase;border-radius:6px;align-items:center;height:22px;padding:0 9px;font-family:DM Sans,sans-serif;font-size:11px;font-weight:700;display:inline-flex}.ovt-badge--requested{color:var(--text-muted);border:1px solid var(--border-default);background:#94a3b81f}.ovt-badge--approved{color:#00b870;background:#14f1951a;border:1px solid #14f19540}[data-theme=dark] .ovt-badge--approved{color:#14f195}.ovt-badge--rejected{color:var(--danger,#ff6b6b);background:#ff505014;border:1px solid #ff505038}.ovt-badge--confirmed{color:var(--brand-purple,#9945ff);background:#9945ff1a;border:1px solid #9945ff40}.ovt-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:4px 0 8px;display:flex}.ovt-page-nav{border:1px solid var(--border-default);background:var(--bg-surface);height:36px;color:var(--text-secondary);cursor:pointer;border-radius:999px;align-items:center;gap:5px;padding:0 14px;font-family:DM Sans,sans-serif;font-size:12.5px;font-weight:600;transition:border-color .15s,color .15s;display:inline-flex}.ovt-page-nav:hover:not(:disabled){border-color:var(--border-focus,#9945ff8c);color:var(--brand-purple,#9945ff)}.ovt-page-nav:disabled{opacity:.4;cursor:not-allowed}.ovt-page-pills{gap:4px;display:flex}.ovt-page-pill{border:1px solid var(--border-default);background:var(--bg-surface);width:32px;height:32px;color:var(--text-muted);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;font-family:DM Sans,sans-serif;font-size:12.5px;font-weight:700;transition:all .15s;display:flex}.ovt-page-pill:hover:not(:disabled):not(.active){border-color:var(--border-focus,#9945ff8c);color:var(--brand-purple,#9945ff)}.ovt-page-pill.active{background:var(--brand-grad,linear-gradient(90deg, #9945ff, #14f195));color:var(--btn-grad-text,#000);border-color:#0000}.ovt-page-pill:disabled{opacity:.4;cursor:not-allowed}.ovt-page-info{color:var(--text-muted);font-size:13px}.ovt-page-sep{color:var(--text-muted);margin:0 2px;font-weight:400}.ovt-form{flex-direction:column;gap:14px;display:flex}.ovt-field{flex-direction:column;gap:6px;display:flex}.ovt-label{text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);font-size:11px;font-weight:700}.ovt-input{border:1.5px solid var(--border-default);background:var(--bg-input);height:42px;color:var(--text-primary);box-sizing:border-box;-webkit-appearance:none;border-radius:10px;outline:none;width:100%;padding:0 14px;font-family:DM Sans,sans-serif;font-size:13.5px;transition:border-color .15s,box-shadow .15s,background .15s}.ovt-input::placeholder{color:var(--text-muted)}.ovt-input:focus{border-color:var(--brand-purple,#9945ff);box-shadow:0 0 0 3px #9945ff1f}.ovt-input[type=date],.ovt-input[type=time]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;cursor:pointer}[data-theme=light] .ovt-input[type=date],[data-theme=light] .ovt-input[type=time]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.ovt-input[type=date]::-webkit-calendar-picker-indicator{opacity:.55;cursor:pointer;filter:invert()}.ovt-input[type=time]::-webkit-calendar-picker-indicator{opacity:.55;cursor:pointer;filter:invert()}[data-theme=light] .ovt-input[type=date]::-webkit-calendar-picker-indicator{filter:invert(0)}[data-theme=light] .ovt-input[type=time]::-webkit-calendar-picker-indicator{filter:invert(0)}.ovt-grid-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.ovt-hint{color:var(--text-muted);font-size:11.5px;display:block}.ovt-hour-preview{color:var(--brand-purple,#9945ff);background:#9945ff0f;border:1px solid #9945ff33;border-radius:10px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:600;display:flex}.ovt-hour-preview svg{flex-shrink:0}.ovt-modal-btn{cursor:pointer;border:1px solid var(--border-default);background:var(--bg-input);height:38px;color:var(--text-primary);border-radius:999px;align-items:center;gap:6px;padding:0 18px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;transition:opacity .15s,transform .1s,background .15s,box-shadow .15s;display:inline-flex;position:relative;overflow:hidden}.ovt-modal-btn:hover:not(:disabled){border-color:var(--border-default);color:var(--text-primary)}.ovt-modal-btn--primary{background:var(--brand-grad,linear-gradient(90deg, #9945ff, #14f195));color:#fff;border-color:#0000;box-shadow:0 0 12px #9945ff38}.ovt-modal-btn--primary:hover:not(:disabled){opacity:.88;transform:translateY(-1px)}.ovt-modal-btn--danger{color:var(--danger,#ff6b6b);background:#ff505014;border-color:#ff50504d}.ovt-modal-btn--danger:hover:not(:disabled){background:#ff505029}.ovt-modal-btn:disabled{opacity:.38;cursor:not-allowed}.ovt-detail-grid{grid-template-columns:1fr 1fr;gap:10px;padding:4px 0;display:grid}.ovt-detail-item{border:1px solid var(--border-default);background:var(--bg-input);border-radius:10px;padding:10px 12px}.ovt-detail-item--full{grid-column:1/-1}.ovt-detail-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-size:10.5px;font-weight:700}.ovt-detail-value{color:var(--text-primary);margin-top:5px;font-size:13.5px;font-weight:600}@media (width<=768px){.ovt-wrap{gap:10px;padding:12px}.ovt-header{padding:14px 16px 16px}.ovt-header-top{flex-direction:column;align-items:stretch}.ovt-apply-btn{justify-content:center;width:100%}.ovt-filterbar,.ovt-table th,.ovt-table td{padding:10px 12px}.ovt-grid-2{grid-template-columns:1fr}}@media (width<=520px){.ovt-table{font-size:12.5px}.ovt-filterbar{flex-direction:column;align-items:stretch}.ovt-filter-sep{display:none}.ovt-clear-btn{justify-content:center;width:100%}.ovt-detail-grid{grid-template-columns:1fr}.ovt-detail-item--full{grid-column:1}}.direksi-mainbar{background:var(--bg-page);flex-direction:column;height:100vh;font-family:DM Sans,sans-serif;transition:background .3s;display:flex;overflow:hidden}.direksi-mainbar-top{background:var(--bg-surface);border-bottom:1px solid var(--sidebar-border);z-index:20;flex-shrink:0;justify-content:space-between;align-items:center;height:62px;padding:0 20px;transition:background .3s,border-color .3s;display:flex;position:relative}.direksi-mainbar-top:before{content:"";background:var(--brand-grad);opacity:.5;pointer-events:none;height:1px;position:absolute;top:0;left:0;right:0}.direksi-mainbar-top-left{align-items:center;gap:14px;display:flex}.direksi-mainbar-top-right{align-items:center;gap:8px;display:flex}.direksi-mainbar-menu-btn{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:6px;transition:background .15s,color .15s;display:flex}.direksi-mainbar-menu-btn:hover{background:var(--sidebar-item-hover);color:var(--text-primary)}.direksi-nav-pill-btn{background:var(--bg-input);border:1px solid var(--border-input);color:var(--text-label);cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:5px;height:30px;padding:5px 13px;font-family:DM Sans,sans-serif;font-size:12.5px;font-weight:600;line-height:1;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.direksi-nav-pill-btn:hover{border-color:var(--brand-purple);color:var(--text-primary);background:var(--sidebar-item-active)}.direksi-nav-divider{background:var(--border-default);flex-shrink:0;width:1px;height:22px}.direksi-profile-wrap{margin-left:4px;position:relative}.direksi-profile-avatar-btn{border:1px solid var(--border-input);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:8px;padding:3px 10px 3px 3px;transition:border-color .15s,background .15s;display:flex}.direksi-profile-avatar-btn:hover{border-color:var(--border-hover);background:var(--sidebar-item-hover)}.direksi-profile-avatar-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;max-width:100px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;overflow:hidden}.direksi-profile-dropdown{background:var(--bg-surface);border:1px solid var(--border-default);z-index:100;border-radius:14px;min-width:230px;padding:6px;animation:.18s cubic-bezier(.16,1,.3,1) both direksiDropIn;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 40px #00000038,0 2px 8px #0000001f}[data-theme=dark] .direksi-profile-dropdown{background:#141414;border-color:#ffffff1a}[data-theme=dark] .direksi-profile-dropdown-email-main{color:#fff}[data-theme=dark] .direksi-profile-dropdown-item{color:#ffffffb3}[data-theme=dark] .direksi-profile-dropdown-item:hover{color:#fff;background:#ffffff0f}[data-theme=dark] .direksi-profile-dropdown-item.danger{color:var(--danger)}[data-theme=dark] .direksi-profile-dropdown-item.danger:hover{background:var(--danger-bg)}@keyframes direksiDropIn{0%{opacity:0;transform:translateY(-8px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.direksi-profile-dropdown-info{flex-direction:column;gap:2px;padding:8px 12px 10px;display:flex}.direksi-profile-dropdown-email-main{color:var(--text-primary);word-break:break-all;font-size:13px;font-weight:600;line-height:1.3}.direksi-profile-dropdown-role{align-items:center;gap:5px;margin-top:4px;display:inline-flex}.direksi-profile-dropdown-role span{letter-spacing:.6px;text-transform:uppercase;background:var(--brand-grad);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:10.5px;font-weight:700}.direksi-profile-dropdown-divider{background:var(--border-default);height:1px;margin:4px 0}.direksi-profile-dropdown-item{width:100%;color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:9px;padding:9px 12px;font-family:DM Sans,sans-serif;font-size:13.5px;font-weight:500;transition:background .15s,color .15s;display:flex}.direksi-profile-dropdown-item:hover{background:var(--sidebar-item-hover);color:var(--text-primary)}.direksi-profile-dropdown-item.danger{color:var(--danger)}.direksi-profile-dropdown-item.danger:hover{background:var(--danger-bg);color:var(--danger)}.direksi-leftbar-mobile-overlay{display:none}.direksi-mainbar-content{background:var(--bg-page);scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent;flex:1;transition:background .3s;overflow-y:auto}.direksi-mainbar-content::-webkit-scrollbar{width:4px}.direksi-mainbar-content::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:99px}@media (width<=1080px){.direksi-mainbar-top{padding:0 14px}.direksi-profile-dropdown{left:0;right:auto}.direksi-leftbar-mobile-overlay{z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;pointer-events:none;background:#0000008c;transition:opacity .25s;display:block;position:fixed;inset:0}.direksi-leftbar-mobile-overlay.open{opacity:1;pointer-events:auto}.direksi-leftbar-mobile-overlay .direksi-leftbar{border-right:none;border-left:1px solid var(--sidebar-border);transition:transform .28s cubic-bezier(.4,0,.2,1);position:absolute;inset:0 0 0 auto;transform:translate(100%);box-shadow:-6px 0 30px #00000040}.direksi-leftbar-mobile-overlay.open .direksi-leftbar{transform:translate(0)}}@media (width<=600px){.direksi-mainbar-top{height:56px;padding:0 14px}.direksi-nav-pill-btn{height:28px;padding:4px 10px;font-size:11.5px}.direksi-profile-avatar-name{display:none}.direksi-profile-avatar-btn{padding:3px}.direksi-mainbar-top{justify-content:space-between}.direksi-mainbar-top-right{flex:1;order:1}.direksi-mainbar-top-right .direksi-profile-wrap{order:-1;margin-left:0;margin-right:auto}.direksi-mainbar-top-left{order:2}}@media (width>=601px) and (width<=1080px){.direksi-mainbar-top{justify-content:space-between}.direksi-mainbar-top-right{flex:1;order:1}.direksi-mainbar-top-right .direksi-profile-wrap{order:-1;margin-left:0;margin-right:auto}.direksi-mainbar-top-left{order:2}}