@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/2c55a0e60120577a-s.0-dom-5bn10r2.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.1y4-pdgsjb-pw.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/ad66f9afd8947f86-s.3lvt2whj97whp.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/5476f68d60460930-s.2uwcyprjm3xu3.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.0k62hbripvv8p.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/1bffadaabf893a1e-s.3-6t-g6q0vh0a.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:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.2bn3s6zvc0dyp.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:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/2c55a0e60120577a-s.0-dom-5bn10r2.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.1y4-pdgsjb-pw.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/ad66f9afd8947f86-s.3lvt2whj97whp.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/5476f68d60460930-s.2uwcyprjm3xu3.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.0k62hbripvv8p.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/1bffadaabf893a1e-s.3-6t-g6q0vh0a.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:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.2bn3s6zvc0dyp.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:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/2c55a0e60120577a-s.0-dom-5bn10r2.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.1y4-pdgsjb-pw.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/ad66f9afd8947f86-s.3lvt2whj97whp.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/5476f68d60460930-s.2uwcyprjm3xu3.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.0k62hbripvv8p.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/1bffadaabf893a1e-s.3-6t-g6q0vh0a.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:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.2bn3s6zvc0dyp.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:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/2c55a0e60120577a-s.0-dom-5bn10r2.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.1y4-pdgsjb-pw.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/ad66f9afd8947f86-s.3lvt2whj97whp.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/5476f68d60460930-s.2uwcyprjm3xu3.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.0k62hbripvv8p.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/1bffadaabf893a1e-s.3-6t-g6q0vh0a.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:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.2bn3s6zvc0dyp.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:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(../media/2c55a0e60120577a-s.0-dom-5bn10r2.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.1y4-pdgsjb-pw.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(../media/ad66f9afd8947f86-s.3lvt2whj97whp.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(../media/5476f68d60460930-s.2uwcyprjm3xu3.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.0k62hbripvv8p.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(../media/1bffadaabf893a1e-s.3-6t-g6q0vh0a.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:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.2bn3s6zvc0dyp.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:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_cb0c501c-module__AUPRoG__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_cb0c501c-module__AUPRoG__variable{--font-inter:"Inter", "Inter Fallback"}
:root{--primary:#d6244f;--primary-dark:color-mix(in srgb, var(--primary) 85%, black);--primary-soft:color-mix(in srgb, var(--primary) 10%, white);--secondary:#3d4757;--secondary-soft:color-mix(in srgb, var(--secondary) 10%, white);--accent:#2f6fe4;--accent-soft:color-mix(in srgb, var(--accent) 12%, white);--canvas:#f5f6f8;--surface:#fff;--sidebar-bg:var(--surface);--sidebar-text:#4b5563;--header-bg:var(--surface);--header-text:var(--text);--button-bg:var(--primary);--button-text:#fff;--button-bg-dark:color-mix(in srgb, var(--button-bg) 85%, black);--link:var(--primary);--link-hover:color-mix(in srgb, var(--link) 80%, black);--border:#eceef2;--text:#1f2937;--text-muted:#8a94a6;--green:#22a05b;--green-soft:#e7f7ee;--amber:#b98900;--amber-soft:#fef6de;--blue:#2f6fe4;--blue-soft:#e9f1ff;--orange:#f59e0b;--orange-soft:#fef3e2;--radius:14px;--radius-sm:10px;--shadow:0 1px 3px #1018280f, 0 1px 2px #1018280a;--topbar-h:76px;--sidebar-w:292px;--font-family:var(--font-inter), -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}body{font-family:var(--font-family);background:var(--canvas);color:var(--text);margin:0;font-size:15px;line-height:1.5}a{color:var(--link);text-decoration:none}a:hover{color:var(--link-hover)}.topbar{z-index:20;height:var(--topbar-h);background:var(--header-bg);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:0 28px;display:flex;position:sticky;top:0}.brand{align-items:center;display:flex}.brand-logo{width:190px;height:auto}.topbar-actions{align-items:center;gap:14px;display:flex}.icon-btn{border:1px solid var(--border);background:var(--surface);width:42px;height:42px;color:var(--text);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;transition:background .15s;display:inline-flex}.icon-btn:hover{background:var(--canvas)}.icon-btn-wrap{display:inline-flex;position:relative}.icon-badge{background:var(--orange);color:#fff;border:2px solid var(--surface);border-radius:999px;justify-content:center;align-items:center;min-width:19px;height:19px;padding:0 5px;font-size:11px;font-weight:700;display:inline-flex;position:absolute;top:-6px;right:-6px}.avatar-menu{align-items:center;gap:10px;display:flex}.avatar{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;text-transform:uppercase;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:14px;font-weight:700;display:inline-flex}.logout-btn{border:1px solid var(--border);background:var(--surface);color:var(--text-muted);cursor:pointer;border-radius:10px;padding:8px 14px;font-family:inherit;font-size:13px;font-weight:600;transition:all .15s}.logout-btn:hover{color:var(--primary);border-color:var(--primary)}.nav-toggle-input{display:none}.nav-toggle-btn{cursor:pointer;border-radius:10px;flex-direction:column;flex-shrink:0;justify-content:center;gap:4px;width:40px;height:40px;margin-right:12px;display:none}.nav-toggle-btn:hover{background:var(--canvas)}.nav-toggle-btn span{background:var(--header-text);border-radius:2px;height:2px;margin:0 9px;display:block}.nav-toggle-overlay{display:none}.shell{min-height:calc(100vh - var(--topbar-h));display:flex}.sidebar{width:var(--sidebar-w);top:var(--topbar-h);height:calc(100vh - var(--topbar-h));scroll-behavior:smooth;background:var(--sidebar-bg);border-right:1px solid var(--border);scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--text-muted) 45%, transparent) transparent;flex-shrink:0;padding:14px 12px;position:sticky;overflow:hidden auto}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:0 0}.sidebar::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--text-muted) 40%, transparent);background-clip:padding-box;border:1px solid #0000;border-radius:999px}.sidebar::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb, var(--text-muted) 70%, transparent);background-clip:padding-box}.sidebar ul{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.nav-item{border-radius:var(--radius-sm);color:var(--sidebar-text);align-items:center;gap:12px;padding:12px 14px;font-size:14px;font-weight:600;transition:background .15s,color .15s;display:flex}.nav-item svg{flex-shrink:0}.nav-item:hover{background:var(--canvas)}.nav-item.active{background:var(--primary);color:#fff;box-shadow:0 6px 14px #d6244f4d}.nav-item.soon{color:#9aa3b2;cursor:default}.nav-item.soon:hover{background:0 0}.soon-tag{letter-spacing:.5px;color:var(--text-muted);background:var(--canvas);border:1px solid var(--border);border-radius:999px;margin-left:auto;padding:2px 8px;font-size:10px;font-style:normal;font-weight:700}.nav-badge{color:#fff;background:var(--orange);border-radius:999px;justify-content:center;align-items:center;min-width:22px;height:22px;margin-left:auto;padding:0 7px;font-size:12px;font-weight:700;display:inline-flex}.nav-badge--red{background:var(--primary)}.nav-item.active .nav-badge{background:#ffffff40}.content{flex:1;min-width:0;padding:30px 34px 40px}.page-title{margin:0;font-size:30px;font-weight:800}.page-subtitle{color:var(--text-muted);margin:6px 0 24px;font-size:14px}.profile-banner{background:linear-gradient(120deg, var(--primary), var(--primary-dark));color:#fff;border-radius:var(--radius);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;padding:26px 30px;display:flex;box-shadow:0 10px 24px #d6244f40}.profile-banner-left{align-items:center;gap:16px;display:flex}.profile-avatar{background:#ffffff2e;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;display:inline-flex}.profile-role{letter-spacing:2px;opacity:.85;font-size:11px;font-weight:700}.profile-name{margin:2px 0 0;font-size:24px;font-weight:800}.profile-banner-right{flex-wrap:wrap;gap:36px;display:flex}.profile-meta{flex-direction:column;display:flex}.profile-meta small{letter-spacing:1.5px;opacity:.8;font-size:10px;font-weight:700}.profile-meta span{align-items:center;gap:6px;font-size:14px;font-weight:700;display:inline-flex}.profile-meta svg{opacity:.9;flex-shrink:0;width:14px;height:14px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:26px}.card-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.card-head-left{align-items:center;gap:12px;display:flex}.card-icon{border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.card-icon--green{background:var(--green-soft);color:var(--green)}.card-title{letter-spacing:1.5px;color:#3d4757;margin:0;font-size:13px;font-weight:700}.count-pill{background:var(--green-soft);min-width:24px;height:24px;color:var(--green);border-radius:999px;justify-content:center;align-items:center;padding:0 8px;font-size:12px;font-weight:700;display:inline-flex}.card-body{padding:20px 24px 24px}.card-link{color:var(--link);align-items:center;gap:5px;font-size:13.5px;font-weight:700;display:inline-flex}.card-link:hover{color:var(--link-hover)}.chip-row{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.chip{border:1px solid var(--border);background:var(--surface);color:#4b5563;cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:7px 16px;font-family:inherit;font-size:13.5px;font-weight:600;transition:border-color .15s,color .15s;display:inline-flex}.chip:hover{border-color:var(--primary);color:var(--primary)}.chip .chip-count{background:var(--canvas);min-width:20px;height:20px;color:var(--text-muted);border-radius:999px;justify-content:center;align-items:center;padding:0 6px;font-size:11.5px;font-weight:700;display:inline-flex}.chip.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 4px 10px #d6244f47}.chip.active .chip-count{color:#fff;background:#ffffff40}.table-wrap{margin-top:14px;overflow-x:auto}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;letter-spacing:1.2px;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border);padding:12px 16px;font-size:11px;font-weight:700}.data-table td{border-bottom:1px solid var(--border);padding:15px 16px;font-size:14px}.data-table tbody tr:last-child td{border-bottom:none}@media (min-width:641px){.shifts-table,.leave-types-table{min-width:1000px}}.pill{border-radius:999px;align-items:center;padding:5px 14px;font-size:12px;font-weight:700;display:inline-flex}.pill--approved{background:var(--green-soft);color:var(--green)}.pill--pending{background:var(--amber-soft);color:var(--amber)}.pill--muted{background:var(--canvas);color:var(--text-muted)}.pill--info{background:var(--blue-soft);color:var(--blue)}.btn{border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-family:inherit;font-size:14px;font-weight:700;text-decoration:none;transition:background .15s,box-shadow .15s,filter .15s,transform .15s;display:inline-flex}.btn--primary{background:var(--button-bg);color:var(--button-text);box-shadow:0 6px 14px #d6244f4d}.btn--primary:hover{background:color-mix(in srgb, var(--button-bg) 78%, black);color:var(--button-text);transform:translateY(-1px);box-shadow:0 10px 20px #0000004d}.btn--gradient{background:linear-gradient(90deg, color-mix(in srgb, var(--button-bg) 88%, white), var(--button-bg-dark));color:var(--button-text);box-shadow:0 6px 14px #d6244f4d}.btn--gradient:hover{filter:brightness(.96);color:var(--button-text)}.btn--gradient:disabled{opacity:.75;cursor:not-allowed}.btn--block{width:100%}.btn-spinner{border:2px solid color-mix(in srgb, var(--button-text) 45%, transparent);border-top-color:var(--button-text);border-radius:50%;width:15px;height:15px;animation:.7s linear infinite spin}.skeleton{background:linear-gradient(90deg, var(--canvas) 25%, var(--border) 50%, var(--canvas) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.4s ease-in-out infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes spin{to{transform:rotate(360deg)}}.muted{color:var(--text-muted)}.auth-body{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-page{flex-direction:column;align-items:center;width:100%;max-width:448px;display:flex}.auth-logo{width:260px;max-width:70%;height:auto;margin-bottom:30px}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;width:100%;max-width:448px;padding:40px 36px;box-shadow:0 20px 50px #10182814}.auth-card--center{text-align:center}.auth-title{text-align:center;color:var(--blue);margin:0 0 24px;font-size:26px;font-weight:800}.auth-form{flex-direction:column;gap:18px;display:flex}.field{flex-direction:column;gap:7px;display:flex}.field label{font-size:14px;font-weight:600}.field input[type=email],.field input[type=password],.field input[type=text],.field input[type=tel],.field input[type=search],.field input[type=number],.field input[type=date],.field input[type=time],.field input[type=datetime-local],.field input[type=month],.field input[type=url],.field select,.field textarea{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:100%;color:var(--text);padding:12px 14px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}.field textarea{resize:vertical;min-height:100px;line-height:1.5}.field-icon-wrap{align-items:center;display:flex;position:relative}.field-icon-wrap svg{color:var(--text-muted);pointer-events:none;position:absolute;left:14px}.field-icon-wrap input{padding-left:40px!important}.field-icon-wrap input:focus+svg,.field-icon-wrap:focus-within svg{color:var(--primary)}.field input[type=file]{width:100%;color:var(--text-muted);padding:8px 0;font-family:inherit;font-size:13.5px}.field input[type=checkbox],.field input[type=radio]{accent-color:var(--primary)}.field input[type=password]::-ms-reveal{display:none}.field input[type=password]::-ms-clear{display:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft);outline:none}.field input::placeholder,.field textarea::placeholder{color:#b6bdc9}.field input:disabled,.field select:disabled,.field textarea:disabled{background:var(--canvas);color:var(--text-muted);cursor:not-allowed}.input--invalid{border-color:var(--primary)!important}.field-error{color:var(--primary-dark);margin:0;font-size:12.5px;font-weight:600}.field-hint{color:var(--text-muted);margin:0;font-size:12.5px}.field:has(input[required],select[required],textarea[required])>label:first-child:after{content:" *";color:var(--primary);font-weight:700}.input-affix{position:relative}.field .input-affix input{padding-right:46px}.affix-btn{width:34px;height:34px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.affix-btn:hover{color:var(--text)}.affix-btn svg{width:19px;height:19px}.auth-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.remember{color:#4b5563;cursor:pointer;align-items:center;gap:8px;font-size:13.5px;font-weight:500;display:inline-flex}.remember input{width:15px;height:15px;accent-color:var(--primary)}.auth-link{color:#3d4757;font-size:13.5px;font-weight:500}.auth-link:hover{color:var(--primary)}.auth-note{text-align:center;margin:0 0 22px;font-size:14px}.alert{border-radius:var(--radius-sm);padding:12px 16px;font-size:13px;font-weight:600}.alert--error{background:var(--primary-soft);color:var(--primary-dark);border:1px solid #f6c6d2}.alert--success{background:var(--green-soft);color:var(--green);border:1px solid #bfe8d0}.alert--info{background:var(--blue-soft);color:var(--blue);border:1px solid var(--blue-soft)}.error-code{color:var(--primary);margin:0 0 8px;font-size:64px;font-weight:800}.stacked-form{flex-direction:column;gap:18px;max-width:760px;display:flex}.stacked-form--wide{max-width:960px}.settings-panel-narrow{max-width:1020px}.form-grid{grid-template-columns:1fr 1fr;gap:16px 20px;display:grid}.form-grid-wide{grid-column:1/-1}.form-grid-3{grid-template-columns:repeat(3,1fr)}.form-grid--fluid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.stacked-form .btn{align-self:flex-start}.form-section-title{border-top:1px solid var(--border);color:var(--text);margin:28px 0 4px;padding-top:24px;font-size:14px;font-weight:700}.theme-settings-layout{grid-template-columns:minmax(0,1fr) minmax(280px,340px);align-items:start;gap:28px;display:grid}.theme-settings-main{flex-direction:column;gap:18px;min-width:0;display:flex}.theme-settings-preview{min-width:0}.color-field{align-items:center;gap:10px;display:flex}.color-field input[type=color]{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;flex-shrink:0;width:44px;height:38px;padding:2px}.color-field input[type=color]::-webkit-color-swatch-wrapper{padding:2px}.color-field input[type=color]::-webkit-color-swatch{border:none;border-radius:6px}.color-field input[type=color]:focus{box-shadow:0 0 0 3px var(--primary-soft);outline:none}.color-field .color-hex{color:var(--text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px}.theme-form-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.theme-preset-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.theme-preset-btn{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;text-align:left;align-items:center;gap:10px;padding:10px 12px;transition:border-color .15s,box-shadow .15s;display:flex}.theme-preset-btn:hover{border-color:var(--primary)}.theme-preset-btn:focus-visible{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft);outline:none}.theme-preset-swatch{border:1px solid var(--border);border-radius:50%;flex-shrink:0;width:28px;height:28px;display:flex;overflow:hidden}.theme-preset-swatch span{flex:1}.theme-preset-label{color:var(--text);font-size:13px;font-weight:600;display:block}.theme-preset-desc{color:var(--secondary);font-size:11px;display:block}.btn--ghost{border:1px solid var(--border);color:var(--text);background:0 0}.btn--ghost:hover{border-color:var(--text-muted)}.theme-preview{border:1px solid var(--border);border-radius:var(--radius);background:var(--tp-canvas);font-family:var(--tp-font);overflow:hidden}.theme-preview-header{background:var(--tp-header);color:var(--tp-text);border-bottom:1px solid var(--tp-border);justify-content:space-between;align-items:center;padding:12px 16px;font-size:14px;font-weight:700;display:flex}.theme-preview-body{min-height:170px;display:flex}.theme-preview-sidebar{background:var(--tp-sidebar);border-right:1px solid var(--tp-border);flex-shrink:0;width:116px;padding:14px 10px}.theme-preview-sidebar span{color:var(--tp-text);border-radius:8px;margin-bottom:6px;padding:8px 10px;font-size:12.5px;font-weight:600;display:block}.theme-preview-sidebar span.active{background:color-mix(in srgb, var(--tp-primary) 12%, white);color:var(--tp-primary)}.theme-preview-content{flex-direction:column;flex:1;gap:12px;min-width:0;padding:16px;display:flex}.theme-preview-card{border:1px solid var(--tp-border);background:var(--tp-card);color:var(--tp-text);border-radius:10px;padding:12px 14px;font-size:13px}.theme-preview-card a{color:var(--tp-link);font-weight:600}.theme-preview-btn{border-radius:var(--radius-sm);background:var(--tp-button);color:var(--tp-button-text);cursor:default;border:none;align-self:flex-start;padding:9px 18px;font-size:13.5px;font-weight:600}.table-sub{font-size:12px}.btn-link-danger{color:var(--primary);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 6px;font-family:inherit;font-size:13px;font-weight:700}.btn-link-danger:hover{background:var(--primary-soft)}.btn-link-approve{color:var(--green);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 6px;font-family:inherit;font-size:13px;font-weight:700}.btn-link-approve:hover{background:var(--green-soft)}.btn-link{color:var(--accent);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 6px;font-family:inherit;font-size:13px;font-weight:700}.btn-link:hover{background:var(--accent-soft)}.btn-link:disabled,.btn-link-danger:disabled,.btn-link-approve:disabled{opacity:.5;cursor:not-allowed;background:0 0}@media (max-width:720px){.form-grid{grid-template-columns:1fr}}.detail-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px 24px;display:grid}.detail-grid>div{flex-direction:column;gap:3px;display:flex}.detail-grid small{letter-spacing:1.5px;color:var(--text-muted);font-size:10px;font-weight:700}.detail-grid span{font-size:14px;font-weight:600}.task-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.task-item{border-bottom:1px solid var(--border);align-items:center;gap:14px;padding:12px 4px;display:flex}.task-item:last-child{border-bottom:none}.task-check{border:2px solid var(--border);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:13px;font-weight:800;display:inline-flex}.task-check.done{background:var(--green);border-color:var(--green)}.task-title{flex-direction:column;flex:1;gap:2px;font-size:14px;font-weight:600;display:flex}.task-title .soon-tag{align-self:flex-start;margin-left:0}.form-actions{gap:12px;display:flex}.btn--ghost{background:var(--surface);border:1px solid var(--border);color:var(--text-muted)}.btn--ghost:hover{color:var(--text)}.breadcrumb{margin:0 0 10px;font-size:13.5px}.table-link:hover strong{color:var(--primary)}.inline-form{flex-wrap:wrap;gap:10px;margin-bottom:18px;display:flex}.inline-form input{border:1px solid var(--border);border-radius:var(--radius-sm);flex:1;min-width:180px;padding:11px 14px;font-family:inherit;font-size:14px}.inline-form input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft);outline:none}.inline-select{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);min-width:150px;padding:11px 14px;font-family:inherit;font-size:14px}.inline-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft);outline:none}.weekday-row{flex-wrap:wrap;gap:14px;display:flex}.role-manager{grid-template-columns:minmax(200px,240px) minmax(0,1fr);align-items:start;gap:28px;display:grid}.role-list{border-right:1px solid var(--border);flex-direction:column;gap:4px;padding-right:24px;display:flex}.role-list-item{border-radius:var(--radius-sm);color:var(--text);justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.role-list-item:hover{background:var(--canvas)}.role-list-item.active{background:var(--primary);box-shadow:0 6px 14px #d6244f4d}.role-list-item-name{align-items:center;gap:7px;font-size:14px;font-weight:700;display:flex}.role-list-item-flag{letter-spacing:.03em;text-transform:uppercase;color:var(--text-muted);background:var(--canvas);border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.role-list-item-count{color:var(--text-muted);text-align:right;min-width:16px;font-size:12px;font-weight:700}.role-list-item.active .role-list-item-name,.role-list-item.active .role-list-item-count{color:#fff}.role-list-item.active .role-list-item-flag{color:#fff;background:#ffffff38}@media (max-width:1024px){.role-manager{grid-template-columns:1fr}.role-list{border-right:none;border-bottom:1px solid var(--border);flex-flow:wrap;margin-bottom:4px;padding-bottom:16px;padding-right:0}.role-list-item{flex:180px}}.role-summary{border-bottom:1px solid var(--border);margin-bottom:20px;padding-bottom:20px}.role-summary-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.role-summary-status{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.role-summary-count{color:var(--text-muted);align-items:center;gap:6px;font-size:12.5px;font-weight:600;display:inline-flex}.role-summary-desc{margin:10px 0 0}.permission-modules-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:4px;display:grid}.permission-module-card{background:var(--canvas);border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;gap:12px;padding:16px;display:flex}.permission-module-card-head{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding-bottom:12px;display:flex}.permission-module-card-icon{background:var(--primary-soft);width:32px;height:32px;color:var(--primary);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.permission-module-card-name{letter-spacing:.01em;color:var(--text);font-size:14px;font-weight:700}.permission-module-card-list{flex-direction:column;gap:6px;display:flex}.permission-check{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-muted);cursor:pointer;align-items:center;gap:10px;padding:9px 10px;font-size:13.5px;font-weight:500;display:flex}.permission-check input{width:17px;height:17px;accent-color:var(--primary);cursor:pointer;flex-shrink:0}.permission-check:has(input:checked){border-color:var(--primary);background:var(--primary-soft);color:var(--primary-dark);font-weight:700}.permission-check:has(input:disabled){opacity:.55;cursor:not-allowed}.permission-save-bar{z-index:2;background:var(--surface);border-top:1px solid var(--border);justify-content:flex-end;gap:10px;margin-top:20px;padding:14px 4px;display:flex;position:sticky;bottom:0}@media (max-width:640px){.permission-modules-grid{grid-template-columns:1fr}.permission-save-bar{justify-content:stretch}.permission-save-bar .btn{flex:1}}.tab-bar{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.tab-btn{border:1px solid var(--border);background:var(--surface);color:#4b5563;cursor:pointer;border-radius:999px;padding:7px 16px;font-family:inherit;font-size:13px;font-weight:600}.tab-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.pill--danger{background:var(--primary-soft);color:var(--primary)}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-bottom:6px;display:grid}.stat{border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:12px 16px}.stat-value{font-size:22px;font-weight:800;line-height:1.2}.stat-label{letter-spacing:.8px;text-transform:uppercase;color:var(--text-muted);margin-top:2px;font-size:11.5px;font-weight:700}.stat-value--green{color:var(--green)}.stat-value--red{color:var(--primary)}.stat-value--amber{color:var(--amber)}.stat-value--muted{color:var(--text-muted)}.stat--accent{background:var(--green-soft);border-color:var(--green)}.stat--accent .stat-value{color:var(--green)}.stat--accent .stat-label{color:color-mix(in srgb, var(--green) 70%, var(--text-muted))}.checkin-panel{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;display:flex}.checkin-meta{flex-direction:column;gap:4px;display:flex}.checkin-times{gap:26px;display:flex}.checkin-time-value{font-size:20px;font-weight:800}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.calendar-dow{letter-spacing:1px;text-transform:uppercase;color:var(--text-muted);text-align:center;padding:6px 0;font-size:11px;font-weight:700}.calendar-cell{border:1px solid var(--border);background:var(--surface);border-radius:10px;flex-direction:column;gap:4px;min-height:92px;padding:6px;display:flex;overflow:hidden}.calendar-cell.outside{background:var(--canvas);opacity:.55}.calendar-cell.weekend{background:var(--canvas)}.calendar-cell.today{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-soft)}.calendar-daynum{color:var(--text-muted);font-size:12.5px;font-weight:700}.calendar-cell.today .calendar-daynum{color:var(--primary)}.calendar-event{white-space:nowrap;text-overflow:ellipsis;border-radius:6px;padding:3px 6px;font-size:11px;font-weight:600;line-height:1.25;overflow:hidden}.calendar-event--holiday{background:var(--blue-soft);color:var(--blue)}.calendar-event--leave{background:var(--amber-soft);color:var(--amber)}.calendar-event--leave-approved{background:var(--green-soft);color:var(--green)}.calendar-event--wfh{background:var(--primary-soft);color:var(--primary)}.calendar-legend{flex-wrap:wrap;gap:14px;margin-bottom:14px;display:flex}.calendar-legend span{color:var(--text-muted);align-items:center;gap:6px;font-size:12.5px;display:inline-flex}.legend-swatch{border-radius:4px;width:12px;height:12px;display:inline-block}@media (max-width:760px){.calendar-grid{grid-template-columns:repeat(1,1fr)}.calendar-dow,.calendar-cell.outside{display:none}}.notif-wrap{position:relative}.notif-dropdown{background:var(--surface);border:1px solid var(--border);z-index:60;border-radius:14px;width:360px;max-width:90vw;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;box-shadow:0 16px 40px #11182724}.notif-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 16px;font-size:14px;display:flex}.notif-head-actions{align-items:center;gap:4px;display:flex}.notif-push-status{padding:4px 6px;font-size:12px}.notif-empty{padding:18px 16px;font-size:13.5px}.notif-list{max-height:380px;margin:0;padding:0;list-style:none;overflow-y:auto}.notif-item{text-align:left;border:none;border-bottom:1px solid var(--border);cursor:pointer;background:0 0;flex-direction:column;gap:3px;width:100%;padding:12px 16px;font-family:inherit;display:flex}.notif-item:hover{background:var(--canvas)}.notif-item.unread{background:var(--primary-soft)}.notif-item.unread:hover{background:var(--canvas)}.notif-title{color:var(--text);font-size:13.5px;font-weight:700}.notif-body{color:var(--text-muted);font-size:12.5px;line-height:1.45}.notif-time{color:var(--text-muted);font-size:11px;font-weight:600}.dashboard-grid{grid-template-columns:minmax(0,1fr) minmax(280px,340px);align-items:start;gap:24px;display:grid}.dashboard-main,.dashboard-side{min-width:0}.dashboard-subhead{align-items:center;gap:10px;margin:4px 0 12px;display:flex}.dashboard-subhead:not(:first-child){border-top:1px solid var(--border);margin-top:24px;padding-top:20px}.dashboard-subhead h4{letter-spacing:1px;text-transform:uppercase;color:var(--text-muted);margin:0;font-size:12.5px;font-weight:700}.compact-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.compact-list--scroll{max-height:240px;overflow-y:auto}.compact-item{border-bottom:1px solid var(--border);padding:10px 2px}.compact-item:last-child{border-bottom:none}.compact-item-row{align-items:center;gap:12px;display:flex}.compact-item-title{min-width:0;color:var(--text);flex-direction:column;flex:1;font-size:14px;font-weight:700;display:flex}.compact-item-trailing{color:var(--text-muted);text-align:right;flex-shrink:0;align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.compact-avatar{flex-shrink:0;width:32px;height:32px;font-size:12px}.birthday-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.birthday-item{border-bottom:1px solid var(--border);padding:12px 2px}.birthday-item:last-child{border-bottom:none}.birthday-item-row{align-items:center;gap:12px;display:flex}.birthday-photo{object-fit:cover;border:1px solid var(--border);border-radius:50%;flex-shrink:0;width:40px;height:40px;font-size:14px}.birthday-title{min-width:0;color:var(--text);flex-direction:column;flex:1;font-size:14px;font-weight:700;display:flex}.birthday-date-badge{color:var(--text-muted);text-align:right;flex-direction:column;flex-shrink:0;align-items:flex-end;font-size:12px;font-weight:700;display:flex}.birthday-date-days{color:var(--text-muted);opacity:.8;font-size:10.5px;font-weight:600}.birthday-item-action{margin-top:10px}.birthday-wish-form{margin:0}.birthday-wish-form input{min-width:0}.payslip-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.payslip-select-all{border-bottom:1px solid var(--border);margin-bottom:4px;padding-bottom:10px}.payslip-item{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:10px 0;display:flex}.payslip-item:last-child{border-bottom:none}.payslip-item-check input{width:15px;height:15px;accent-color:var(--primary)}.payslip-item-meta{flex-direction:column;flex:1;min-width:0;font-size:13.5px;display:flex}.payslip-view-all{border-top:1px solid var(--border);margin-top:14px;padding-top:14px}.payslip-year-group{border:1px solid var(--border);border-radius:10px;margin-bottom:10px;overflow:hidden}.payslip-year-group:last-child{margin-bottom:0}.payslip-year-summary{cursor:pointer;color:var(--text);background:var(--surface);align-items:center;gap:10px;padding:12px 16px;font-size:14px;font-weight:700;list-style:none;display:flex}.payslip-year-summary::-webkit-details-marker{display:none}.payslip-year-summary:after{content:"▾";color:var(--text-muted);margin-left:auto;transition:transform .15s}.payslip-year-group[open] .payslip-year-summary:after{transform:rotate(180deg)}.payslip-year-body{padding:4px 16px 10px}.leave-balance-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;display:grid}.leave-balance-card{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);padding:16px 18px;position:relative;overflow:hidden}.leave-balance-card:before{content:"";background:var(--lb-accent);height:4px;position:absolute;top:0;left:0;right:0}.leave-balance-head{align-items:center;gap:8px;margin-bottom:12px;display:flex}.leave-balance-dot{background:var(--lb-accent);border-radius:50%;flex-shrink:0;width:8px;height:8px}.leave-balance-name{letter-spacing:.4px;text-transform:uppercase;color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;overflow:hidden}.leave-balance-cf{letter-spacing:.5px;color:var(--lb-accent);background:var(--lb-accent-soft);border-radius:999px;flex-shrink:0;margin-left:auto;padding:2px 6px;font-size:10px;font-weight:700}.leave-balance-value{color:var(--text);align-items:baseline;gap:6px;margin-bottom:14px;font-size:30px;font-weight:800;line-height:1;display:flex}.leave-balance-unit{color:var(--text-muted);font-size:12.5px;font-weight:600}.leave-balance-bar{background:var(--canvas);border-radius:999px;height:6px;overflow:hidden}.leave-balance-bar-fill{background:var(--lb-accent);border-radius:999px;height:100%;transition:width .3s}.leave-balance-meta{color:var(--text-muted);justify-content:space-between;align-items:baseline;gap:8px;margin-top:8px;font-size:11.5px;display:flex}.approver-chip{align-items:center;gap:8px;display:inline-flex}.approver-avatar{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:10px;font-weight:700;display:inline-flex}.approver-name{color:var(--text);font-size:13.5px;font-weight:600}.quick-actions-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;display:grid}.quick-action-card{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);flex-direction:column;align-items:flex-start;gap:10px;padding:18px 16px;text-decoration:none;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex}.quick-action-card:hover{border-color:var(--qa-accent);transform:translateY(-3px);box-shadow:0 10px 24px #1018281a}.quick-action-card:focus-visible{outline:2px solid var(--qa-accent);outline-offset:2px;border-color:var(--qa-accent)}.quick-action-icon{background:var(--qa-accent-soft);width:42px;height:42px;color:var(--qa-accent);border-radius:12px;justify-content:center;align-items:center;transition:transform .18s;display:inline-flex}.quick-action-card:hover .quick-action-icon,.quick-action-card:focus-visible .quick-action-icon{transform:scale(1.08)rotate(-4deg)}.quick-action-title{color:var(--text);align-items:center;gap:6px;font-size:14px;font-weight:700;display:flex}.quick-action-arrow{color:var(--qa-accent);opacity:0;transition:opacity .18s,transform .18s;transform:translate(-4px)}.quick-action-card:hover .quick-action-arrow,.quick-action-card:focus-visible .quick-action-arrow{opacity:1;transform:translate(0)}.quick-action-desc{color:var(--text-muted);font-size:12px}@media (prefers-reduced-motion:reduce){.quick-action-card,.quick-action-icon,.quick-action-arrow{transition:none}}.footer{text-align:center;color:var(--text-muted);background:var(--canvas);padding:18px 0 26px;font-size:13px}@media (max-width:1024px){.nav-toggle-btn{display:flex}.sidebar{top:var(--topbar-h);z-index:45;max-width:85vw;height:auto;transition:transform .22s;position:fixed;bottom:0;left:0;overflow-y:auto;transform:translate(-100%);box-shadow:8px 0 24px #1018281f}body:has(#nav-toggle:checked) .sidebar{transform:translate(0)}body:has(#nav-toggle:checked) .nav-toggle-overlay{inset:var(--topbar-h) 0 0 0;z-index:44;cursor:pointer;background:#0f172a73;border:none;display:block;position:fixed}.content{padding:22px 18px 32px}.profile-banner-right{gap:20px}.brand-logo{width:150px}.dashboard-grid,.theme-settings-layout{grid-template-columns:1fr}}@media (max-width:640px){.topbar{padding:0 14px}.brand-logo{width:118px}.content{padding:16px 14px 28px}.page-title{font-size:22px}.card-head{flex-wrap:wrap;gap:10px;padding:16px}.card-body{padding:16px}.leave-balance-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.leave-balance-card{padding:14px}.profile-banner{flex-direction:column;align-items:flex-start;gap:16px}.profile-banner-right{flex-wrap:wrap;width:100%}.form-actions{flex-wrap:wrap}.chip-row{gap:8px}.stacked-form{max-width:100%}.auth-card{padding:28px 20px}.auth-logo{width:200px}}.panel-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.panel-toolbar .inline-form{flex:1;min-width:220px;max-width:360px;margin-bottom:0}.btn--danger{background:var(--primary);color:#fff}.btn--danger:hover{background:var(--primary-dark)}.btn--danger:disabled{opacity:.6;cursor:not-allowed}.actions-col{white-space:nowrap;text-align:left;width:1%}.row-actions{align-items:center;gap:8px;display:inline-flex}.modal-overlay{z-index:1000;text-align:left;background:#10182873;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-card{background:var(--surface);border-radius:var(--radius);flex-direction:column;width:100%;max-width:420px;max-height:min(88vh,680px);display:flex;overflow:hidden;box-shadow:0 20px 48px #10182840}@media (min-width:641px){.modal-card--wide{max-width:640px}}.modal-head{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:22px 24px 16px;display:flex}.modal-body{flex-direction:column;flex:1;gap:18px;min-height:0;padding:18px 24px;display:flex;overflow-y:auto}.modal-card>form.stacked-form{flex:1;gap:0;max-width:none;min-height:0}.modal-head h3{color:var(--text);margin:0;font-size:17px;font-weight:700}.modal-close{width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.modal-close:hover{background:var(--canvas);color:var(--text)}.modal-desc{color:var(--text-muted);margin:0;font-size:14px;line-height:1.5}.modal-actions{border-top:1px solid var(--border);flex-shrink:0;justify-content:flex-end;gap:10px;padding:16px 24px 22px;display:flex}.empty-state{text-align:center;color:var(--text-muted);flex-direction:column;align-items:center;gap:8px;padding:32px 16px;display:flex}.empty-state .card-icon{margin-bottom:4px}@media (max-width:640px){.data-table--stack thead{display:none}.data-table--stack,.data-table--stack tbody,.data-table--stack tr,.data-table--stack td{width:100%;display:block}.data-table--stack tr{border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:12px;padding:4px 14px}.data-table--stack tr:last-child{margin-bottom:0}.data-table--stack td{border-bottom:1px solid var(--border);text-align:right;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.data-table--stack td:last-child{border-bottom:none}.data-table--stack td:before{content:attr(data-label);text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);text-align:left;flex-shrink:0;font-size:11px;font-weight:700}.data-table--stack td>.stack-value,.data-table--stack td>.row-actions,.data-table--stack td>.approver-chip{flex:auto;justify-content:flex-end;min-width:0}.data-table--stack td>.stack-lines,.data-table--stack td>.stack-text{flex:auto;min-width:0}.data-table--stack .actions-col{white-space:normal;width:100%}}.stack-value{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.stack-lines{flex-direction:column;gap:2px;display:flex}.stack-text{display:inline}