@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.8e0177b5.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.b97b3418.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.853070df.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_a71539c9-module__T19VSG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_a71539c9-module__T19VSG__variable{--font-geist-sans:"Geist","Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.c1fdd6c2.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.799d8ef8.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.dbea232f.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_8d43a2aa-module__8Li5zG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_8d43a2aa-module__8Li5zG__variable{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}
:root{--bg:#f4f5f8;--surface:#fff;--surface2:#f0f1f5;--surface3:#e8eaf0;--border:#e2e4ec;--border2:#cdd0db;--text1:#0d0f18;--text2:#4a5068;--text3:#8892a8;--accent:#2560ea;--accent2:#1a4fd6;--accent-bg:#eef3ff;--accent-border:#c4d4fc;--green:#15a450;--green-bg:#edfaf4;--green-border:#a7dfc2;--orange:#c87b0a;--orange-bg:#fff8ed;--orange-border:#f0c878;--red:#d63a3a;--red-bg:#fff1f1;--red-border:#f5b4b4;--blue:#2560ea;--blue-bg:#eef3ff;--blue-border:#c4d4fc;--purple:#7c3aed;--purple-bg:#f5f0ff;--sw:240px;--sw-c:58px;--nh:56px;--r:10px;--r-sm:6px;--r-lg:14px;--shadow-xs:0 1px 2px #0d0f180d;--shadow-sm:0 1px 4px #0d0f1812,0 1px 2px #0d0f180a;--shadow:0 4px 16px #0d0f1814,0 2px 4px #0d0f180a;--shadow-md:0 8px 32px #0d0f181a,0 4px 8px #0d0f180d;--shadow-lg:0 20px 60px #0d0f1824,0 8px 16px #0d0f180f;--font:"Geist",sans-serif;--mono:"Geist Mono",monospace;--ease:cubic-bezier(.4,0,.2,1);--dur:.18s;--touch:44px}html.dark{--bg:#0b0d13;--surface:#111318;--surface2:#181b24;--surface3:#1f2330;--border:#22273a;--border2:#2d334d;--text1:#eceef5;--text2:#7e88a8;--text3:#464f6a;--accent:#4a7aff;--accent2:#36e;--accent-bg:#111d3d;--accent-border:#1e3470;--green:#22c569;--green-bg:#0a1f14;--green-border:#1a5034;--orange:#f0a020;--orange-bg:#1f1608;--orange-border:#4a3210;--red:#f05050;--red-bg:#1f0a0a;--red-border:#4a1818;--blue:#4a7aff;--blue-bg:#111d3d;--blue-border:#1e3470;--purple:#a878ff;--purple-bg:#18103a;--shadow-xs:0 1px 2px #0000004d;--shadow-sm:0 1px 4px #0006,0 1px 2px #0000004d;--shadow:0 4px 16px #00000073,0 2px 4px #0000004d;--shadow-md:0 8px 32px #00000080,0 4px 8px #00000059;--shadow-lg:0 20px 60px #0009,0 8px 16px #0006}:root{--touch:44px}.filters>*,.filter-row>*{min-width:0}.ms-wrap{flex:220px;width:100%;min-width:0}.filter-system{flex-wrap:wrap;align-items:end;gap:10px;display:flex}.filter-system .filter-field{flex:220px;min-width:0}.filter-system .filter-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-left:auto;display:flex}.hscroll{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:8px;display:flex;overflow-x:auto}.grid-collapse{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}@media (max-width:1024px){.grid-collapse{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:768px){.grid-collapse{grid-template-columns:1fr}}@media (max-width:1024px){.approval-board,.sys-layout,.settings-layout{grid-template-columns:1fr!important}.approval-detail-card{position:static}}@media (max-width:768px){.det-grid{grid-template-columns:1fr!important}.det-calc{flex-direction:column;align-items:stretch}.det-calc-item{width:100%}button,.btn,.nav-i,.approval-row,.emp-card{-webkit-tap-highlight-color:transparent}.btn,.f-inp,.f-sel,.ms-control{min-height:var(--touch)}.nav-hamburger{width:var(--touch);height:var(--touch)}.flatpickr-wrapper,.flatpickr-input.f-inp{width:100%!important}}#sb a,#nav a,.nav-i,.btn{text-decoration:none}#app{height:calc(100vh - var(--m-banner-h,0px));margin-top:var(--m-banner-h,0px);display:flex;overflow:hidden}#sb{width:var(--sw);min-width:var(--sw);background:var(--surface);border-right:1px solid var(--border);transition:width var(--dur)var(--ease),min-width var(--dur)var(--ease);z-index:50;flex-direction:column;display:flex;overflow:hidden}#sb.c{width:var(--sw-c);min-width:var(--sw-c)}.sb-head{height:var(--nh);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:10px;padding:0 14px;display:flex}.sb-logo{background:var(--accent);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex;box-shadow:0 2px 8px #2560ea66}.sb-logo svg{color:#fff;width:15px;height:15px}.sb-title{letter-spacing:-.03em;white-space:nowrap;transition:opacity var(--dur);font-size:13.5px;font-weight:800;overflow:hidden}.sb-title b{color:var(--accent)}#sb.c .sb-title{opacity:0;pointer-events:none}.sb-nav{flex:1;padding:6px 0;overflow:hidden auto}.sb-group{padding:14px 0 2px}.sb-group-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text3);white-space:nowrap;transition:opacity var(--dur);padding:0 14px 5px;font-size:10px;font-weight:700}#sb.c .sb-group-label{opacity:0}.nav-i{color:var(--text2);cursor:pointer;white-space:nowrap;transition:background var(--dur),color var(--dur);border-radius:0;align-items:center;gap:9px;padding:7px 14px;font-size:13px;font-weight:500;text-decoration:none;display:flex;position:relative;overflow:hidden}.nav-i:hover{background:var(--surface2);color:var(--text1)}.nav-i.active{background:var(--accent-bg);color:var(--accent)}.nav-i.active:before{content:"";background:var(--accent);border-radius:0 3px 3px 0;width:3px;height:18px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.nav-i svg{flex-shrink:0;width:15px;height:15px}.nav-i span{transition:opacity var(--dur)}#sb.c .nav-i span{opacity:0}.nav-sub .nav-i{padding-left:36px;font-size:12.5px}#sb.c .nav-sub .nav-i{padding-left:14px}.nav-badge{background:var(--red-bg);color:var(--red);border:1px solid var(--red-border);transition:opacity var(--dur);border-radius:20px;flex-shrink:0;margin-left:auto;padding:1px 7px;font-size:10.5px;font-weight:700}#sb.c .nav-badge{opacity:0}.sb-foot{border-top:1px solid var(--border);flex-shrink:0;align-items:center;gap:8px;padding:10px;display:flex}.collapse-btn{background:var(--surface2);border:1px solid var(--border);width:30px;height:30px;color:var(--text3);transition:all var(--dur);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.collapse-btn:hover{background:var(--border);color:var(--text1)}.collapse-btn svg{width:14px;height:14px}#main{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}#nav{height:var(--nh);min-height:var(--nh);background:var(--surface);border-bottom:1px solid var(--border);z-index:40;flex-shrink:0;align-items:center;gap:10px;padding:0 20px;display:flex}.nav-brand{letter-spacing:-.03em;white-space:nowrap;font-size:14px;font-weight:800}.nav-brand b{color:var(--accent)}.nav-brand span{color:var(--text3);margin-left:6px;font-size:12px;font-weight:400}.flex1{flex:1}.search{background:var(--surface2);border:1px solid var(--border);border-radius:8px;align-items:center;gap:8px;width:210px;height:34px;padding:0 12px;display:flex}.search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}.search input{color:var(--text1);background:0 0;border:none;outline:none;width:100%;font-size:13px}.search input::placeholder{color:var(--text3)}.search svg{color:var(--text3);width:13px;height:13px}.datepick{background:var(--surface2);border:1px solid var(--border);height:34px;color:var(--text2);cursor:pointer;white-space:nowrap;transition:border-color var(--dur);border-radius:8px;align-items:center;gap:6px;padding:0 12px;font-size:12.5px;font-weight:600;display:flex}.datepick:hover{border-color:var(--border2)}.datepick svg{width:13px;height:13px}.btn{height:34px;transition:all var(--dur)var(--ease);white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:6px;padding:0 14px;font-size:12.5px;font-weight:600;display:inline-flex}.btn svg{width:13px;height:13px}.btn:disabled{opacity:.7;background:var(--surface3)!important;color:var(--text3)!important;border-color:var(--border)!important;cursor:not-allowed!important;box-shadow:none!important}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 1px 3px #2560ea59}.btn-primary:hover{background:var(--accent2);box-shadow:0 3px 10px #2560ea66}.btn-purple{background:var(--purple);color:#fff;box-shadow:0 1px 3px #7c3aed59}.btn-purple:hover{filter:brightness(.95);box-shadow:0 3px 10px #7c3aed66}.btn-ghost{color:var(--text2);border:1px solid var(--border);background:0 0}.btn-ghost:hover{background:var(--surface2);color:var(--text1)}.btn-sm{height:30px;padding:0 10px;font-size:12px}.btn-xs{height:26px;padding:0 9px;font-size:11.5px}.btn-danger{background:var(--red-bg);color:var(--red);border:1px solid var(--red-border)}.btn-danger:hover{background:var(--red);color:#fff}.btn-success{background:var(--green-bg);color:var(--green);border:1px solid var(--green-border)}.btn-success:hover{background:var(--green);color:#fff}.btn-warn{background:var(--orange-bg);color:var(--orange);border:1px solid var(--orange-border)}.btn-warn:hover{background:var(--orange);color:#fff}.dk-icon-btn{border:1px solid var(--border);background:var(--surface2);width:34px;height:34px;color:var(--text3);cursor:pointer;transition:background var(--dur),color var(--dur);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.dk-icon-btn:hover{background:var(--border);color:var(--text1)}.dk-icon-btn .dk-sun{display:none}.dk-icon-btn .dk-moon,html.dark .dk-icon-btn .dk-sun{display:block}html.dark .dk-icon-btn .dk-moon{display:none}@media (max-width:768px){.wfh-not-wfh-pill{max-width:130px!important;font-size:10px!important}}.dk-wrap{align-items:center;gap:6px;display:flex}.dk-wrap svg{width:13px;height:13px;color:var(--text3)}.dk-toggle{background:var(--surface2);border:1px solid var(--border);cursor:pointer;width:40px;height:22px;transition:background var(--dur);border-radius:11px;position:relative}.dk-toggle.on{background:var(--accent)}.dk-knob{background:var(--text3);width:14px;height:14px;transition:transform var(--dur)var(--ease),background var(--dur);border-radius:50%;position:absolute;top:3px;left:3px}.dk-toggle.on .dk-knob{background:#fff;transform:translate(18px)}.ava-wrap{position:relative}.ava{color:#fff;cursor:pointer;border:2px solid var(--surface);background:linear-gradient(135deg,#6366f1,#2560ea);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:800;display:flex;box-shadow:0 2px 8px #2560ea4d}.ava-drop{top:calc(100%8px);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);z-index:999;border-radius:12px;width:210px;padding:6px;display:none;position:absolute;right:0}.ava-drop.open{animation:dropIn var(--dur)var(--ease);display:block}@keyframes dropIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.ava-head{border-bottom:1px solid var(--border);margin-bottom:6px;padding:10px 10px 12px}.ava-name{font-size:13px;font-weight:700}.ava-role{color:var(--text3);margin-top:2px;font-size:11px}.ava-item{color:var(--text2);cursor:pointer;transition:all var(--dur);border-radius:7px;align-items:center;gap:8px;padding:8px 10px;font-size:13px;display:flex}.ava-item:hover{background:var(--surface2);color:var(--text1)}.ava-item.red{color:var(--red)}.ava-item.red:hover{background:var(--red-bg)}.ava-item svg{width:13px;height:13px}#content{flex:1;padding:24px;overflow-y:auto}.page{display:none}.page.active{animation:fadeIn .2s var(--ease);display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes toastSlideIn{0%{opacity:0;transform:translate(110%)}to{opacity:1;transform:translate(0)}}.pg-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.pg-title{letter-spacing:-.04em;font-size:21px;font-weight:800}.pg-sub{color:var(--text3);margin-top:3px;font-size:13px}.btn-row{flex-shrink:0;gap:8px;display:flex}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:24px;display:grid}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);cursor:pointer;transition:box-shadow var(--dur),transform var(--dur),border-color var(--dur);padding:18px 20px;position:relative;overflow:hidden}.kpi:after{content:"";background:var(--kpi-color,var(--accent));opacity:0;height:2px;transition:opacity var(--dur);position:absolute;bottom:0;left:0;right:0}.kpi:hover{box-shadow:var(--shadow);border-color:var(--border2);transform:translateY(-2px)}.kpi:hover:after{opacity:1}.kpi-ic{border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;margin-bottom:14px;display:flex}.kpi-ic svg{width:16px;height:16px}.kpi-ic.blue{background:var(--accent-bg);color:var(--accent)}.kpi-ic.green{background:var(--green-bg);color:var(--green)}.kpi-ic.orange{background:var(--orange-bg);color:var(--orange)}.kpi-ic.red{background:var(--red-bg);color:var(--red)}.kpi-ic.purple{background:var(--purple-bg);color:var(--purple)}.kpi-lbl{text-transform:uppercase;letter-spacing:.08em;color:var(--text3);margin-bottom:6px;font-size:10.5px;font-weight:700}.kpi-val{letter-spacing:-.05em;font-size:26px;font-weight:800;font-family:var(--mono)}.kpi-trend{align-items:center;gap:4px;margin-top:6px;font-size:11.5px;font-weight:600;display:flex}.kpi-trend.up{color:var(--green)}.kpi-trend.dn{color:var(--red)}.kpi-trend svg{width:11px;height:11px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);overflow:hidden}.card-head{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:14px 16px;display:flex}.card-title{font-size:13.5px;font-weight:700}.card-count{background:var(--surface2);color:var(--text3);border:1px solid var(--border);border-radius:20px;padding:2px 9px;font-size:11.5px;font-weight:700}.card-body{padding:16px}.tbl-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}thead th{background:var(--surface2);text-transform:uppercase;letter-spacing:.08em;color:var(--text3);text-align:left;white-space:nowrap;z-index:5;border-bottom:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;transition:color var(--dur);padding:9px 14px;font-size:10.5px;font-weight:700;position:sticky;top:0}thead th:hover{color:var(--text1)}tbody tr{border-bottom:1px solid var(--border);transition:background var(--dur);position:relative}tbody tr:last-child{border-bottom:none}tbody tr:hover>td{background:var(--surface2)}tbody td{color:var(--text1);vertical-align:middle;white-space:nowrap;padding:11px 14px;font-size:13px}.td-mono{font-family:var(--mono);font-size:12.5px}.td-muted{color:var(--text3)}.sb-bar{width:3px;position:absolute;top:0;bottom:0;left:0}.sb-bar.p{background:var(--green)}.sb-bar.l{background:var(--orange)}.sb-bar.a{background:var(--red)}.sb-bar.n{background:var(--blue)}.badge{border-radius:20px;align-items:center;gap:5px;padding:3px 9px;font-size:11.5px;font-weight:700;display:inline-flex}.badge-dot{border-radius:50%;flex-shrink:0;width:5px;height:5px}.badge.p{background:var(--green-bg);color:var(--green);border:1px solid var(--green-border)}.badge.p .badge-dot{background:var(--green)}.badge.l{background:var(--orange-bg);color:var(--orange);border:1px solid var(--orange-border)}.badge.l .badge-dot{background:var(--orange)}.badge.a{background:var(--red-bg);color:var(--red);border:1px solid var(--red-border)}.badge.a .badge-dot{background:var(--red)}.badge.n{background:var(--blue-bg);color:var(--blue);border:1px solid var(--blue-border)}.badge.n .badge-dot{background:var(--blue)}.badge.m{color:#9a6b00;background:#fff8e1;border:1px solid #f3d27a}.badge.m .badge-dot{background:#d89b00}.badge.neutral{background:var(--surface2);color:var(--text2);border:1px solid var(--border)}.badge.neutral .badge-dot{background:var(--text3)}.badge.purple,.badge.wh{background:var(--purple-bg);color:var(--purple);border:1px solid var(--purple)}.badge.wh .badge-dot{background:var(--purple)}.badge.h{color:#4f46e5;background:#eef2ff;border:1px solid #c7d2fe}.badge.h .badge-dot{background:#4f46e5}.exp-btn{background:var(--surface2);border:1px solid var(--border);cursor:pointer;width:24px;height:24px;color:var(--text3);transition:all var(--dur);border-radius:5px;justify-content:center;align-items:center;display:inline-flex}.exp-btn:hover{background:var(--accent-bg);color:var(--accent);border-color:var(--accent-border)}.exp-btn.open{background:var(--accent-bg);border-color:var(--accent-border);color:var(--accent)}.exp-btn svg{width:12px;height:12px;transition:transform var(--dur)}.exp-btn.open svg{transform:rotate(180deg)}.det-row td{padding:0;background:var(--surface2)!important}.det-row:hover>td{background:var(--surface2)!important}.det-panel{padding:0}.det-stepper{background:linear-gradient(135deg,var(--accent-bg),var(--surface2));border-bottom:1px solid var(--border);align-items:center;gap:0;padding:14px 20px;display:flex}.det-step{flex:1;align-items:center;gap:8px;display:flex}.det-step-ic{border:2px solid var(--border);background:var(--surface);width:32px;height:32px;color:var(--text3);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.det-step.done .det-step-ic{background:var(--accent);border-color:var(--accent);color:#fff}.det-step.warn .det-step-ic{background:var(--orange-bg);border-color:var(--orange-border);color:var(--orange)}.det-step.bad .det-step-ic{background:var(--red-bg);border-color:var(--red-border);color:var(--red)}.det-step-info{line-height:1.3}.det-step-lbl{text-transform:uppercase;letter-spacing:.07em;color:var(--text3);font-size:10px;font-weight:700}.det-step-val{font-size:12.5px;font-weight:700;font-family:var(--mono);color:var(--text1)}.det-step-line{background:var(--border);flex-shrink:0;width:32px;height:2px;margin:0 4px}.det-step.done~.det-step-line,.det-step-line.done{background:var(--accent)}.det-grid{border-bottom:1px solid var(--border);grid-template-columns:repeat(3,1fr);gap:0;display:grid}.det-col{border-right:1px solid var(--border);padding:16px 20px}.det-col:last-child{border-right:none}.det-col-hd{text-transform:uppercase;letter-spacing:.1em;color:var(--text3);align-items:center;gap:6px;margin-bottom:12px;font-size:10px;font-weight:800;display:flex}.det-col-hd svg{width:12px;height:12px}.det-field{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:10px;display:flex}.det-field:last-child{margin-bottom:0}.det-fl{color:var(--text3);flex-shrink:0;font-size:11.5px;font-weight:500}.det-fv{font-size:13px;font-weight:600;font-family:var(--mono);color:var(--text1);text-align:right}.det-fv.green{color:var(--green)}.det-fv.orange{color:var(--orange)}.det-fv.red{color:var(--red)}.det-calc{border-bottom:1px solid var(--border);align-items:center;gap:16px;padding:14px 20px;display:flex}.det-calc-item{background:var(--surface);border:1px solid var(--border);border-radius:9px;flex:1;padding:10px 14px}.det-calc-lbl{text-transform:uppercase;letter-spacing:.07em;color:var(--text3);margin-bottom:4px;font-size:10px;font-weight:700}.det-calc-val{font-size:17px;font-weight:800;font-family:var(--mono);letter-spacing:-.03em}.det-calc-val.acc{color:var(--accent)}.det-calc-val.grn{color:var(--green)}.det-calc-val.org{color:var(--orange)}.det-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}.chk-group{gap:16px;display:flex}.chk-lbl{cursor:pointer;color:var(--text2);align-items:center;gap:7px;font-size:13px;font-weight:500;display:flex}.chk-lbl input{width:15px;height:15px;accent-color:var(--accent);cursor:pointer}.chk-lbl:hover{color:var(--text1)}.filters{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow-xs);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;padding:12px 14px;display:flex}.filter-row{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;display:flex}.f-lbl{text-transform:uppercase;letter-spacing:.08em;color:var(--text3);white-space:nowrap;font-size:10.5px;font-weight:800}.f-sep{background:var(--border);flex-shrink:0;width:1px;height:18px}.f-sel,.f-inp{background:var(--surface2);border:1px solid var(--border);height:29px;color:var(--text1);transition:border-color var(--dur);border-radius:6px;outline:none;padding:0 10px;font-size:12.5px}.f-sel:focus,.f-inp:focus,.f-sel:hover,.f-inp:hover{border-color:var(--accent)}.f-inp::placeholder{color:var(--text3)}.paginate{border-top:1px solid var(--border);justify-content:flex-end;align-items:center;gap:4px;padding:12px 16px;display:flex}.paginate-info{color:var(--text3);margin-right:auto;font-size:12px}.pg-btn{border:1px solid var(--border);cursor:pointer;width:30px;height:30px;color:var(--text3);transition:all var(--dur);background:0 0;border-radius:6px;justify-content:center;align-items:center;font-size:12.5px;font-weight:600;display:flex}.pg-btn:hover{background:var(--surface2);color:var(--text1)}.pg-btn.on{background:var(--accent);border-color:var(--accent);color:#fff}.pg-btn svg{width:11px;height:11px}.approval-board{grid-template-columns:1fr 360px;gap:16px;display:grid}.approval-stats{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px;display:grid}.a-stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);align-items:center;gap:14px;padding:16px 18px;display:flex}.a-stat-ic{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.a-stat-ic svg{width:18px;height:18px}.a-stat-lbl{text-transform:uppercase;letter-spacing:.06em;color:var(--text3);font-size:11px;font-weight:700}.a-stat-val{font-size:24px;font-weight:800;font-family:var(--mono);letter-spacing:-.04em;margin-top:2px}.approval-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow-xs);transition:all var(--dur);align-items:center;gap:14px;margin-bottom:10px;padding:14px 16px;display:flex;position:relative;overflow:hidden}.approval-row:before{content:"";background:var(--blue);width:4px;position:absolute;top:0;bottom:0;left:0}.approval-row:hover{box-shadow:var(--shadow);transform:translate(2px)}.appr-emp-av{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:12px;font-weight:800;display:flex}.appr-main{flex:1;min-width:0}.appr-name{font-size:13.5px;font-weight:700}.appr-meta{color:var(--text3);margin-top:2px;font-size:11.5px}.appr-times{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:3px;display:flex}.appr-time-row{align-items:center;gap:6px;font-size:12px;display:flex}.appr-time-lbl{color:var(--text3);font-size:11px;font-weight:600}.appr-time-val{font-family:var(--mono);font-weight:700}.appr-actions{flex-shrink:0;gap:6px;display:flex}.approval-detail-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:20px;position:sticky;top:0}.appr-detail-header{align-items:center;gap:12px;margin-bottom:18px;display:flex}.appr-detail-av{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:16px;font-weight:800;display:flex}.appr-detail-name{letter-spacing:-.02em;font-size:15px;font-weight:800}.appr-detail-id{color:var(--text3);font-size:12px;font-family:var(--mono)}.appr-timeline{margin-bottom:18px}.appr-tl-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text3);margin-bottom:10px;font-size:11px;font-weight:800}.appr-tl-row{background:var(--surface2);border:1px solid var(--border);border-radius:8px;align-items:center;gap:10px;margin-bottom:6px;padding:8px 12px;display:flex}.appr-tl-icon{border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.appr-tl-icon svg{width:13px;height:13px}.appr-tl-lbl{color:var(--text3);flex:1;font-size:11.5px}.appr-tl-val{font-size:13px;font-weight:700;font-family:var(--mono)}.appr-tl-flag{border-radius:20px;padding:2px 7px;font-size:10.5px;font-weight:700}.appr-section-divider{background:var(--border);height:1px;margin:16px 0}.appr-check-group{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.appr-check{background:var(--surface2);border:1px solid var(--border);cursor:pointer;transition:all var(--dur);border-radius:8px;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.appr-check:hover{border-color:var(--accent-border)}.appr-check-left{align-items:center;gap:8px;display:flex}.appr-check input{width:15px;height:15px;accent-color:var(--accent)}.appr-check-label{font-size:13px;font-weight:600}.appr-check-sub{color:var(--text3);font-size:11px}.emp-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.emp-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);cursor:pointer;transition:all var(--dur);align-items:center;gap:14px;padding:16px;display:flex}.emp-card:hover{box-shadow:var(--shadow);border-color:var(--border2);transform:translateY(-1px)}.emp-av{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:800;display:flex}.emp-name{letter-spacing:-.01em;font-size:13.5px;font-weight:700}.emp-id{color:var(--text3);font-size:11.5px;font-family:var(--mono);margin-top:1px}.emp-dept{color:var(--text2);margin-top:2px;font-size:11.5px}.emp-right{text-align:right;margin-left:auto}.emp-att-pct{font-size:16px;font-weight:800;font-family:var(--mono)}.emp-att-lbl{color:var(--text3);margin-top:1px;font-size:10.5px}.emp-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;margin-bottom:16px;display:grid}.emp-view-toggle{gap:4px;display:flex}.view-btn{border:1px solid var(--border);cursor:pointer;width:30px;height:30px;color:var(--text3);transition:all var(--dur);background:0 0;border-radius:6px;justify-content:center;align-items:center;display:flex}.view-btn.on{background:var(--accent-bg);border-color:var(--accent-border);color:var(--accent)}.view-btn svg{width:14px;height:14px}.dep-pill{background:var(--surface2);border:1px solid var(--border);color:var(--text2);cursor:pointer;transition:all var(--dur);border-radius:20px;padding:4px 10px;font-size:11.5px;font-weight:600}.dep-pill.on{background:var(--accent-bg);border-color:var(--accent-border);color:var(--accent)}.dep-pill:hover:not(.on){border-color:var(--border2);color:var(--text1)}.sys-layout{grid-template-columns:1fr 300px;gap:16px;display:grid}.activity-item{border-bottom:1px solid var(--border);transition:background var(--dur);cursor:pointer;gap:14px;padding:14px 16px;display:flex;position:relative}.activity-item:hover{background:var(--surface2)}.activity-item:last-child{border-bottom:none}.act-timeline{flex-direction:column;flex-shrink:0;align-items:center;gap:0;display:flex}.act-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:3px}.act-line{background:var(--border);flex:1;width:2px;min-height:20px;margin-top:4px}.act-icon{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.act-icon svg{width:15px;height:15px}.act-body{flex:1;min-width:0}.act-event{margin-bottom:2px;font-size:13.5px;font-weight:600}.act-meta{color:var(--text3);font-size:12px}.act-time{color:var(--text3);font-size:11.5px;font-family:var(--mono);text-align:right;flex-shrink:0;padding-top:2px}.sys-stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);margin-bottom:12px;padding:16px}.sys-stat-title{color:var(--text3);text-transform:uppercase;letter-spacing:.07em;margin-bottom:12px;font-size:12px;font-weight:700}.sys-meter{margin-bottom:10px}.sys-meter-row{justify-content:space-between;align-items:center;margin-bottom:5px;display:flex}.sys-meter-lbl{color:var(--text2);font-size:12px;font-weight:600}.sys-meter-val{font-size:12px;font-weight:700;font-family:var(--mono)}.sys-bar-track{background:var(--surface2);border-radius:3px;height:5px;margin-bottom:2px;overflow:hidden}.sys-bar-fill{height:100%;transition:width .5s var(--ease);border-radius:3px}.sys-online-list{flex-direction:column;gap:8px;display:flex}.sys-online-item{background:var(--surface2);border:1px solid var(--border);border-radius:7px;align-items:center;gap:10px;padding:8px 10px;display:flex}.sys-online-item svg{width:13px;height:13px}.settings-layout{grid-template-columns:220px 1fr;align-items:start;gap:20px;display:grid}.settings-nav{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:6px}.settings-nav-item{color:var(--text2);cursor:pointer;transition:all var(--dur);white-space:nowrap;border-radius:7px;align-items:center;gap:9px;padding:9px 12px;font-size:13px;font-weight:500;display:flex}.settings-nav-item:hover{background:var(--surface2);color:var(--text1)}.settings-nav-item.on{background:var(--accent-bg);color:var(--accent)}.settings-nav-item svg{width:14px;height:14px}.settings-panel{display:none}.settings-panel.on{display:block}.s-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);margin-bottom:14px;padding:22px}.s-card-title{letter-spacing:-.02em;margin-bottom:4px;font-size:14px;font-weight:800}.s-card-sub{color:var(--text3);margin-bottom:18px;font-size:12.5px}.s-divider{background:var(--border);height:1px;margin:16px 0}.s-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 0;display:flex}.s-row:last-child{border-bottom:none;padding-bottom:0}.s-row-info{flex:1;min-width:0}.s-row-label{font-size:13.5px;font-weight:600}.s-row-desc{color:var(--text3);margin-top:2px;font-size:12px}.s-row-ctrl{flex-shrink:0;margin-left:16px}.s-toggle{background:var(--surface2);border:1px solid var(--border);cursor:pointer;width:44px;height:24px;transition:background var(--dur);border-radius:12px;position:relative}.s-toggle.on{background:var(--accent)}.s-toggle-k{background:var(--text3);width:16px;height:16px;transition:all var(--dur);border-radius:50%;position:absolute;top:3px;left:3px}.s-toggle.on .s-toggle-k{background:#fff;transform:translate(20px)}.s-form-row{margin-bottom:14px}.s-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text3);margin-bottom:6px;font-size:11.5px;font-weight:700;display:block}.s-input{background:var(--surface2);border:1px solid var(--border);width:100%;height:36px;font-size:13.5px;font-family:var(--font);color:var(--text1);transition:border-color var(--dur),box-shadow var(--dur);border-radius:7px;outline:none;padding:0 12px}.s-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}.s-input::placeholder{color:var(--text3)}.s-select{background:var(--surface2);border:1px solid var(--border);width:100%;height:36px;font-size:13.5px;font-family:var(--font);color:var(--text1);cursor:pointer;transition:border-color var(--dur);border-radius:7px;outline:none;padding:0 12px}.s-select:focus{border-color:var(--accent)}.s-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.s-badge-preview{border-radius:8px;align-items:center;gap:6px;margin-top:8px;padding:5px 12px;font-size:12.5px;font-weight:700;display:inline-flex}.overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;opacity:0;pointer-events:none;transition:opacity var(--dur);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.overlay.open{opacity:1;pointer-events:all}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);width:460px;max-width:90vw;transition:transform var(--dur)var(--ease);padding:24px;transform:scale(.95)translateY(8px)}.overlay.open .modal{transform:none}.modal-ic{border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:14px;display:flex}.modal-ic svg{width:22px;height:22px}.modal-title{letter-spacing:-.03em;margin-bottom:6px;font-size:17px;font-weight:800}.modal-desc{color:var(--text2);margin-bottom:20px;font-size:13.5px;line-height:1.6}.modal-actions{justify-content:flex-end;gap:8px;display:flex}.f-row{margin-bottom:13px}.f-lbl-full{text-transform:uppercase;letter-spacing:.07em;color:var(--text3);margin-bottom:6px;font-size:11px;font-weight:800;display:block}.f-inp-full{background:var(--surface2);border:1px solid var(--border);width:100%;height:36px;font-size:13.5px;font-family:var(--font);color:var(--text1);transition:border-color var(--dur),box-shadow var(--dur);border-radius:7px;outline:none;padding:0 12px}.f-inp-full:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}.f-inp-full::placeholder{color:var(--text3)}.f-sel-full{background:var(--surface2);border:1px solid var(--border);width:100%;height:36px;font-size:13.5px;font-family:var(--font);color:var(--text1);cursor:pointer;transition:border-color var(--dur);border-radius:7px;outline:none;padding:0 12px}.f-sel-full:focus{border-color:var(--accent)}.f-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.spark{align-items:flex-end;gap:2px;height:32px;display:flex}.spark-b{background:var(--accent-bg);border-radius:2px 2px 0 0;flex:1;transition:height .3s}.spark-b.hi{background:var(--accent)}@keyframes pulse{0%,to{box-shadow:0 0 0 3px #15a45033}50%{box-shadow:0 0 0 7px #15a4500d}}.pulse{animation:2s infinite pulse}.record-collapse{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-xs);border-radius:10px;margin-bottom:10px;overflow:hidden}.record-collapse:last-child{margin-bottom:0}.record-summary{cursor:pointer;background:var(--surface);transition:background var(--dur),border-color var(--dur);justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;list-style:none;display:flex}.record-summary::-webkit-details-marker{display:none}.record-collapse[open] .record-summary{background:var(--accent-bg);border-bottom:1px solid var(--border)}.record-summary-grid{grid-template-columns:repeat(6,minmax(120px,1fr));gap:14px;width:100%;display:grid}.record-k{text-transform:uppercase;letter-spacing:.08em;color:var(--text3);margin-bottom:5px;font-size:10px;font-weight:700}.record-v{color:var(--text1);font-size:13px;font-weight:600}.record-chevron{background:var(--surface2);border:1px solid var(--border);width:24px;height:24px;color:var(--text3);border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.record-chevron svg{width:12px;height:12px;transition:transform var(--dur)}.record-collapse[open] .record-chevron{background:var(--accent-bg);border-color:var(--accent-border);color:var(--accent)}.record-collapse[open] .record-chevron svg{transform:rotate(180deg)}.record-detail{background:var(--surface2)}.record-detail .det-stepper{overflow-x:auto}.record-punch{white-space:normal;text-align:left;word-break:break-word;line-height:1.4}.record-punch-list{flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:520px;display:inline-flex}.record-punch-item{border:1px solid var(--border);background:var(--surface);border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:11.5px;line-height:1.3;display:inline-flex}.record-punch-time{font-family:var(--mono);color:var(--text1)}.record-punch-dir{color:var(--accent);font-weight:700}.record-punch-src{color:var(--text3)}.record-punch-trigger{border:1px solid var(--accent-border);background:var(--accent-bg);color:var(--accent);cursor:pointer;border-radius:999px;padding:3px 10px;font-size:11.5px;font-weight:700}.record-punch-trigger:hover{background:var(--surface)}.record-punch-empty{color:var(--text3)}.punch-modal{width:520px;max-width:94vw}.punch-modal-list{border:1px solid var(--border);border-radius:10px;margin-bottom:16px;overflow:hidden}.punch-row{border-bottom:1px solid var(--border);grid-template-columns:90px 90px 1fr;align-items:center;gap:10px;padding:10px 12px;display:grid}.punch-row:last-child{border-bottom:none}.punch-time{font-family:var(--mono);font-weight:700}.punch-dir{border:1px solid var(--border);text-align:center;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:800}.punch-dir.in{color:var(--green);border-color:var(--green-border);background:var(--green-bg)}.punch-dir.out{color:var(--red);border-color:var(--red-border);background:var(--red-bg)}.toggle-btn{background-color:var(--surface3);border:1px solid var(--border);cursor:pointer;border-radius:22px;width:44px;height:22px;padding:0;transition:all .2s;display:block;position:relative}.toggle-btn.active{background-color:var(--green);border-color:var(--green-border)}.toggle-btn-handle{background-color:#fff;border-radius:50%;width:16px;height:16px;transition:all .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0000001a}.toggle-btn.active .toggle-btn-handle{transform:translate(22px)}html.dark .toggle-btn-handle{background-color:#eee}.punch-src{color:var(--text2);font-size:12px}.ms-wrap{flex-direction:column;gap:6px;min-width:220px;display:flex;position:relative}.ms-control{border:1px solid var(--border);background:var(--surface2);height:34px;color:var(--text1);border-radius:7px;justify-content:space-between;align-items:center;gap:8px;padding:0 10px;display:flex}.ms-control.open{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-bg)}.ms-placeholder{color:var(--text3);font-size:12.5px}.ms-caret{color:var(--text3);font-size:12px}.ms-tags{align-items:center;gap:4px;display:inline-flex;overflow:hidden}.ms-tag{background:var(--surface);border:1px solid var(--border);color:var(--text2);white-space:nowrap;border-radius:999px;padding:1px 7px;font-size:11px}.ms-menu{z-index:80;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:8px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden}.ms-search{border:none;border-bottom:1px solid var(--border);background:var(--surface);width:100%;height:34px;color:var(--text1);outline:none;padding:0 10px;font-size:12.5px}.ms-options{max-height:220px;overflow:auto}.ms-option{color:var(--text1);cursor:pointer;align-items:center;gap:8px;padding:8px 10px;font-size:12.5px;display:flex}.ms-option:hover{background:var(--surface2)}.ms-option input{accent-color:var(--accent)}.ms-empty{color:var(--text3);padding:10px;font-size:12px}.pagx{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.pagx-size{background:var(--surface);border:1px solid var(--border);border-radius:999px;gap:4px;padding:4px;display:inline-flex}.pagx-size-btn{min-width:44px;height:30px;color:var(--text1);background:0 0;border:1px solid #0000;border-radius:999px;font-weight:700}.pagx-size-btn.on{background:var(--accent);border-color:var(--accent);color:#fff}.pagx-main{background:var(--surface);border:1px solid var(--border);border-radius:999px;align-items:center;gap:8px;padding:4px;display:inline-flex}.pagx-nav{border:1px solid var(--border);border-radius:999px;height:34px;padding:0 16px;font-weight:700}.pagx-nav.prev{background:var(--surface2);color:var(--text1)}.pagx-nav.next{background:var(--accent);border-color:var(--accent);color:#fff}.pagx-nav:disabled{opacity:.5;cursor:not-allowed}.pagx-pages{align-items:center;gap:4px;padding:0 4px;display:inline-flex}.pagx-page{min-width:30px;height:30px;color:var(--text1);background:0 0;border:1px solid #0000;border-radius:999px;font-weight:700}.pagx-page.on{background:var(--accent);border-color:var(--accent);color:#fff}.pagx-dots{color:var(--text2);padding:0 4px}.pagx-info{background:var(--surface);color:var(--text2);border:1px solid var(--border);border-radius:999px;padding:8px 14px;font-size:12.5px;font-weight:600}@media (max-width:1400px){.record-summary-grid{grid-template-columns:repeat(3,minmax(140px,1fr))}}@media (max-width:900px){.record-summary-grid{grid-template-columns:repeat(2,minmax(120px,1fr))}}@media (max-width:640px){.record-summary{align-items:flex-start}.record-summary-grid{grid-template-columns:1fr}}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;animation:modalFadeIn var(--dur)var(--ease);background:#0d0f18b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);max-height:calc(100vh - 40px);animation:modalScaleIn var(--dur)var(--ease);flex-direction:column;display:flex;position:relative}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.modal-title{letter-spacing:-.02em;font-size:16px;font-weight:800}.btn-close{width:28px;height:28px;color:var(--text3);transition:all var(--dur);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;font-size:20px;line-height:1;display:flex}.btn-close:hover{background:var(--surface2);color:var(--text1)}.modal-body{flex:1;padding:20px;overflow-y:auto}.modal-footer{border-top:1px solid var(--border);background:var(--surface2);border-radius:0 0 var(--r-lg)var(--r-lg);flex-shrink:0;justify-content:flex-end;align-items:center;gap:12px;padding:16px 20px;display:flex}.flatpickr-calendar{z-index:2100!important}input.flatpickr-input[style*="display: none"],input.flatpickr-input[type=text]:not(.f-inp){display:none!important}.f-inp-full{width:100%!important}.approval-row.status-strip-approved{background:var(--green-bg);border-color:var(--green-border)}.approval-row.status-strip-approved:before{background:var(--green)}.approval-row.status-strip-rejected{background:var(--red-bg);border-color:var(--red-border)}.approval-row.status-strip-rejected:before{background:var(--red)}.approval-row.status-strip-pending:before{background:var(--orange)}.nav-hamburger{border:1px solid var(--border);background:var(--surface2);width:36px;height:36px;color:var(--text2);transition:all var(--dur);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:none}.nav-hamburger:hover{background:var(--border);color:var(--text1)}.sb-mob-close{border:1px solid var(--border);background:var(--surface2);width:32px;height:32px;color:var(--text3);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;display:none}.sb-overlay{display:none}@media (max-width:768px){.nav-hamburger,.sb-mob-close{display:flex}.sb-foot{display:none}#sb{z-index:200;height:100dvh;transition:transform .25s var(--ease);box-shadow:var(--shadow-lg);position:fixed;top:0;left:0;transform:translate(-100%);width:270px!important;min-width:270px!important}#sb.mob-open{transform:translate(0)}.sb-overlay{z-index:199;animation:overlayIn .2s var(--ease);background:#0d0f188c;display:block;position:fixed;inset:0}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}#main{width:100%}#content{padding:14px 12px}#nav{gap:6px;padding:0 12px}#nav .flex1{display:none}#nav{justify-content:space-between}.nav-brand{display:none}.wfh-timer-wrap{flex-shrink:1;min-width:0;overflow:hidden}.wfh-timer-wrap>div[style]{padding:4px 8px!important}.ava-drop{max-width:calc(100vw - 24px);left:auto;right:0}.dk-wrap svg{display:none}.pg-head{flex-direction:column;align-items:flex-start!important;gap:10px!important}.pg-head-actions{flex-wrap:wrap;width:100%}.stat-grid,.kpi-grid,.summary-grid{grid-template-columns:1fr 1fr!important}.ms-wrap{flex:100%!important;min-width:0!important}.ms-control{min-height:var(--touch)}.table-wrap,.tbl-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.btn{height:38px;padding:0 12px}.modal-overlay{align-items:flex-end;padding:0}.modal-content{border-radius:var(--r-lg)var(--r-lg)0 0;max-height:90dvh;padding-bottom:env(safe-area-inset-bottom,0);animation:.25s mobileSlideUp;width:100%!important;max-width:100%!important}@keyframes mobileSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.btn-close{width:36px;min-width:36px;height:36px;font-size:22px}.modal-footer{flex-wrap:wrap;gap:8px}.modal-footer .btn{text-align:center;flex:auto;justify-content:center;min-width:0}.overlay.open{align-items:flex-end!important;padding:0!important}.overlay.open .modal,.overlay.open .punch-modal{border-radius:var(--r-lg)var(--r-lg)0 0;max-height:90dvh;animation:.25s mobileSlideUp;overflow-y:auto;width:100%!important;max-width:100%!important}.punch-row{grid-template-columns:1fr 1fr!important;gap:6px!important}.punch-src{grid-column:1/-1;font-size:11px}.mob-modal-overlay{align-items:flex-end!important;padding:0!important}.mob-modal{animation:.25s mobileSlideUp;width:100%!important;max-width:100%!important;max-height:90dvh!important;padding-bottom:env(safe-area-inset-bottom,0)!important;border-radius:16px 16px 0 0!important;overflow-y:auto!important}.view-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto;flex-wrap:nowrap!important}.wfh-timer-pill{padding:4px 8px!important;font-size:11px!important}.dash-date-from,.dash-date-to{flex:calc(50% - 20px)!important;min-width:0!important}}@media (max-width:480px){.stat-grid,.kpi-grid,.summary-grid{grid-template-columns:1fr!important}.record-summary-grid{grid-template-columns:1fr 1fr!important}#content{padding:10px 8px}.f-grid,.s-grid{grid-template-columns:1fr!important}.modal-content{padding:0}.modal-body,.modal-header{padding:14px 16px}.modal-footer{flex-direction:column;padding:12px 16px}.modal-footer>div{gap:8px;width:100%;display:flex}.modal-footer .btn{flex:1;justify-content:center}.mob-modal{padding:20px!important}.punch-row{grid-template-columns:1fr!important}}.mo-detail-overlay{z-index:100000;background:var(--surface,#fff);flex-direction:column;display:flex;position:fixed;inset:0}.mo-detail-top{z-index:2;background:var(--surface,#fff);border-bottom:1px solid var(--border);min-height:var(--touch,44px);justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;display:flex;position:sticky;top:0}.mo-detail-top button{color:var(--primary,#2563eb);cursor:pointer;min-height:var(--touch,44px);min-width:var(--touch,44px);background:0 0;border:none;border-radius:8px;align-items:center;padding:6px 10px;font-size:14px;font-weight:700;display:flex}.mo-detail-top button:active{background:var(--hover-bg,#0000000f)}.mo-detail-title{color:var(--text1);text-align:center;flex:1;font-size:14px;font-weight:800}.mo-detail-body{-webkit-overflow-scrolling:touch;flex:1;padding:12px;overflow-y:auto}.mo-detail-body .approval-detail-card{box-shadow:none;background:var(--surface);border:none;border-radius:14px;padding:16px;position:static}@media (max-width:768px){.approval-board>.approval-detail-card{display:none!important}.approval-board{grid-template-columns:1fr!important}.approval-stats{grid-template-columns:repeat(2,1fr)}.f-tbl{min-width:640px}.wfh-bulk-bar{gap:6px!important;font-size:12px!important}.wfh-quick-stats{flex-wrap:wrap;gap:4px!important}.cal-container{-webkit-overflow-scrolling:touch;overflow-x:auto;padding:10px!important}.cal-container>div{min-width:580px;gap:4px!important}.live-layout{grid-template-columns:1fr!important}.settings-layout>div:first-child{-webkit-overflow-scrolling:touch;padding-bottom:4px;overflow-x:auto;flex-direction:row!important;gap:4px!important}.settings-layout>div:first-child .dep-pill{white-space:nowrap;flex-shrink:0}.settings-layout .card [style*=grid-template-columns],#pg-syncmanager .card-body,.dbhealth-grid,.dbhealth-grid [style*=grid-template-columns]{grid-template-columns:1fr!important}#pg-orgstudio>div[style*=overflowX]{min-height:320px!important;padding:12px!important}#pg-orgstudio .org-card-inner{min-width:180px!important;max-width:220px!important;padding:0 8px!important}.pg-head h1{font-size:20px!important}.flatpickr-calendar{max-width:calc(100vw - 24px);transform:translate(-50%);left:50%!important}.flatpickr-months .flatpickr-month,.flatpickr-current-month{font-size:13px!important}.flatpickr-day{max-width:36px;height:36px;line-height:36px}[class*=-menu]{max-width:calc(100vw - 32px)!important}.page{padding:12px!important}}@media (max-width:480px){.page{padding:8px!important}.flatpickr-day{max-width:32px;height:32px;font-size:12px;line-height:32px}.card{padding:10px!important}.card-head{gap:6px!important;padding:10px!important}.pg-title{font-size:18px!important}.pg-sub{font-size:12px!important}}html.dark .mob-modal{background:var(--surface)!important;color:var(--text1)!important}html.dark .mob-modal h3,html.dark .mob-modal h2{color:var(--text1)!important}html.dark .mob-modal p{color:var(--text2)!important}html.dark .mob-modal select,html.dark .mob-modal input[type=text],html.dark .mob-modal input[type=email],html.dark .mob-modal textarea{background:var(--surface2)!important;color:var(--text1)!important;border-color:var(--border)!important}html.dark .mob-modal button{color:var(--text1)}html.dark .flatpickr-calendar{background:var(--surface)!important;border-color:var(--border)!important;box-shadow:var(--shadow-md)!important}html.dark .flatpickr-months,html.dark .flatpickr-weekdays,html.dark .flatpickr-month{background:var(--surface2)!important;color:var(--text1)!important}html.dark .flatpickr-weekday{color:var(--text3)!important}html.dark .flatpickr-day{color:var(--text1)!important}html.dark .flatpickr-day:hover{background:var(--surface3)!important;border-color:var(--border)!important}html.dark .flatpickr-day.selected{background:var(--accent)!important;border-color:var(--accent)!important;color:#fff!important}html.dark .flatpickr-day.today{border-color:var(--accent)!important}html.dark .flatpickr-day.prevMonthDay,html.dark .flatpickr-day.nextMonthDay{color:var(--text3)!important}html.dark .flatpickr-months .flatpickr-prev-month,html.dark .flatpickr-months .flatpickr-next-month{fill:var(--text2)!important;color:var(--text2)!important}html.dark .flatpickr-months .flatpickr-prev-month:hover svg,html.dark .flatpickr-months .flatpickr-next-month:hover svg{fill:var(--text1)!important}html.dark .numInputWrapper span{border-color:var(--border)!important}html.dark .numInputWrapper span svg path{fill:var(--text2)!important}html.dark [class*=__control]{background-color:var(--surface2)!important;border-color:var(--border)!important}html.dark [class*=__menu]{background-color:var(--surface)!important;border-color:var(--border)!important}html.dark [class*=__option]{color:var(--text1)!important}html.dark [class*=__option--is-focused]{background-color:var(--surface2)!important}html.dark [class*=__option--is-selected]{background-color:var(--accent-bg)!important;color:var(--accent)!important}html.dark [class*=__single-value],html.dark [class*=__input-container]{color:var(--text1)!important}html.dark [class*=__placeholder]{color:var(--text3)!important}html.dark [class*=__indicator] svg{fill:var(--text3)!important}html.dark [class*=__multi-value]{background-color:var(--surface3)!important}html.dark [class*=__multi-value__label]{color:var(--text1)!important}