@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 Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_7b33c719-module__b9YEha__className{font-family:Inter,Inter Fallback;font-style:normal}
:root{--page:#f9f9f7;--surface:#fcfcfb;--wash:#f0efec;--wash-hover:#eae9e4;--overlay:#14141259;--ink:#1a1a19;--ink-hover:#333330;--ink-secondary:#52514e;--ink-muted:#898781;--ink-faint:#b3b1a9;--hairline:#e7e6df;--hairline-dark:#d5d4cc;--accent:#1c5cab;--accent-strong:#104281;--accent-wash:#eef3fa;--series-1:#2a78d6;--series-2:#1baf7a;--series-3:#eda100;--series-4:#008300;--series-5:#4a3aa7;--series-6:#e34948;--series-7:#e87ba4;--series-8:#eb6834;--status-active:#006300;--status-active-bg:#e9f3e9;--status-probation:#8a5a00;--status-probation-bg:#faf1dd;--status-notice:#9c3f00;--status-notice-bg:#faeadd;--status-leave:#4a3aa7;--status-leave-bg:#edebf8;--status-exited:#a32424;--status-exited-bg:#f9e8e8;--success:#006300;--success-bg:#e9f3e9;--warning:#8a5a00;--warning-bg:#faf1dd;--error:#a32424;--error-bg:#f9e8e8;--info:#1c5cab;--info-bg:#eef3fa;--font-sans:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, "Cascadia Code", "JetBrains Mono", Menlo, monospace;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.9375rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.75rem;--text-4xl:2.25rem;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:10px;--radius-full:9999px;--shadow-float:0 4px 16px #14141214, 0 1px 3px #1414120f;--shadow-modal:0 12px 40px #14141224, 0 2px 8px #14141214;--ease-out:cubic-bezier(.16, 1, .3, 1);--duration-fast:.12s;--duration-base:.2s;--sidebar-width:248px;--content-max-width:1280px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--page:#141413;--surface:#1d1d1b;--wash:#272724;--wash-hover:#2f2f2b;--overlay:#0000008c;--ink:#ebeae7;--ink-hover:#d6d5d0;--ink-secondary:#b7b5af;--ink-muted:#8d8b85;--ink-faint:#605e58;--hairline:#2d2d2a;--hairline-dark:#3b3b36;--accent:#6ba3e8;--accent-strong:#8dbaf0;--accent-wash:#1c2a3d;--status-active:#82d182;--status-active-bg:#1d2f1d;--status-probation:#e2b45e;--status-probation-bg:#322813;--status-notice:#eb9a66;--status-notice-bg:#342112;--status-leave:#ab9ff0;--status-leave-bg:#232040;--status-exited:#ee9090;--status-exited-bg:#3a1d1d;--success:#82d182;--success-bg:#1d2f1d;--warning:#e2b45e;--warning-bg:#322813;--error:#ee9090;--error-bg:#3a1d1d;--info:#6ba3e8;--info-bg:#1c2a3d;--shadow-float:0 4px 16px #0006, 0 1px 3px #0000004d;--shadow-modal:0 12px 40px #0000008c, 0 2px 8px #00000059;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-sans);background:var(--page);color:var(--ink);min-height:100vh;line-height:1.55;overflow-x:hidden}::selection{background:var(--accent-wash);color:var(--accent-strong)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--hairline-dark);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--ink-faint)}.app-layout{min-height:100vh;display:flex}.main-content{min-width:0;margin-left:var(--sidebar-width);padding:var(--space-10) var(--space-12);min-height:100vh;max-width:calc(var(--content-max-width) + var(--sidebar-width));flex:1}.sidebar{width:var(--sidebar-width);background:var(--page);border-right:1px solid var(--hairline);z-index:100;height:100vh;transition:transform var(--duration-base) var(--ease-out);flex-direction:column;display:flex;position:fixed;top:0;left:0}.sidebar-overlay{background:var(--overlay);z-index:99;position:fixed;inset:0}.sidebar-header{padding:var(--space-6);align-items:center;gap:var(--space-3);min-height:72px;display:flex}.sidebar-logo{border-radius:var(--radius-md);object-fit:cover;background:#000;flex-shrink:0;width:32px;height:32px}.sidebar-brand{flex-direction:column;display:flex;overflow:hidden}.sidebar-brand-name{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--ink);letter-spacing:-.01em;white-space:nowrap;line-height:1.3}.sidebar-brand-sub{color:var(--ink-muted);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;font-size:.6875rem}.sidebar-nav{padding:var(--space-2) var(--space-4);flex-direction:column;flex:1;display:flex;overflow-y:auto}.sidebar-section-label{font-size:.6875rem;font-weight:var(--weight-medium);color:var(--ink-muted);text-transform:uppercase;letter-spacing:.08em;padding:var(--space-5) var(--space-3) var(--space-2);display:block}.sidebar-link{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--ink-secondary);font-size:var(--text-sm);font-weight:var(--weight-medium);transition:background var(--duration-fast), color var(--duration-fast);cursor:pointer;text-align:left;width:100%;font-family:var(--font-sans);background:0 0;border:none;margin-bottom:2px;text-decoration:none;display:flex}.sidebar-link:hover{background:var(--wash);color:var(--ink)}.sidebar-link.active{background:var(--wash);color:var(--ink);font-weight:var(--weight-semibold)}.sidebar-link-icon{opacity:.55;flex-shrink:0;align-items:center;width:18px;height:18px;display:flex}.sidebar-link-icon svg{width:18px;height:18px}.sidebar-link.active .sidebar-link-icon{opacity:1}.sidebar-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--hairline);align-items:center;gap:var(--space-2);display:flex}.sidebar-status-dot{background:var(--status-active);border-radius:50%;flex-shrink:0;width:6px;height:6px}.sidebar-status-text{font-size:var(--text-xs);color:var(--ink-muted)}.page-header{margin-bottom:var(--space-8)}.page-header:has(.page-actions){justify-content:space-between;align-items:flex-end;gap:var(--space-4);flex-wrap:wrap;display:flex}.page-header:has(.page-actions) .page-actions{margin-top:0}.page-title{font-size:var(--text-2xl);font-weight:var(--weight-semibold);color:var(--ink);letter-spacing:-.015em;line-height:1.25}.page-subtitle{font-size:var(--text-sm);color:var(--ink-muted);margin-top:var(--space-1)}.page-header-actions,.page-actions{align-items:center;gap:var(--space-3);margin-top:var(--space-4);display:flex}.card{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-lg)}.card-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:center;display:flex}.card-title{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--ink)}.card-body{padding:var(--space-5)}.stat-grid{gap:var(--space-4);margin-bottom:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.stat-card{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-lg);padding:var(--space-5)}.stat-card-icon{display:none}.stat-card-clickable{cursor:pointer;transition:border-color .15s var(--ease-out), box-shadow .15s var(--ease-out)}.stat-card-clickable:hover{border-color:var(--ink-faint);box-shadow:0 1px 6px #0000000f}.stat-card-sub{margin-top:var(--space-1);font-size:var(--text-xs);color:var(--ink-muted);display:block}.stat-card-label{font-size:var(--text-xs);color:var(--ink-muted);font-weight:var(--weight-medium);letter-spacing:.02em;margin-bottom:var(--space-2)}.stat-card-value{font-size:var(--text-3xl);font-weight:var(--weight-semibold);color:var(--ink);letter-spacing:-.02em;line-height:1.1}.table-container{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-lg);overflow:auto hidden}.table-toolbar{padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--hairline);align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.table-search{flex:1;min-width:200px;position:relative}.table-search-icon{left:var(--space-3);color:var(--ink-faint);pointer-events:none;width:15px;height:15px;position:absolute;top:50%;transform:translateY(-50%)}.table-search input{width:100%;padding:var(--space-2) var(--space-3) var(--space-2) var(--space-8);background:var(--surface);border:1px solid var(--hairline-dark);border-radius:var(--radius-md);color:var(--ink);font-size:var(--text-sm);font-family:var(--font-sans);transition:border-color var(--duration-fast), box-shadow var(--duration-fast);outline:none}.table-search input::placeholder{color:var(--ink-faint)}.table-search input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-wash)}.table-wrapper{overflow-x:auto}.data-table{border-collapse:collapse;width:100%}.data-table th{padding:var(--space-2) var(--space-4);text-align:left;font-size:.6875rem;font-weight:var(--weight-semibold);color:var(--ink-muted);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--hairline);white-space:nowrap;-webkit-user-select:none;user-select:none;transition:color var(--duration-fast);background:var(--surface);z-index:1;position:sticky;top:0}.data-table th:hover{color:var(--ink-secondary)}.data-table th.sorted{color:var(--ink)}.sort-icon{margin-left:var(--space-1);opacity:.5;font-size:9px;display:inline-block}.data-table td{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--ink-secondary);border-bottom:1px solid var(--hairline);white-space:nowrap;text-overflow:ellipsis;max-width:250px;overflow:hidden}.data-table td:first-child{color:var(--ink);font-weight:var(--weight-medium)}.data-table tbody tr{transition:background var(--duration-fast)}.data-table tbody tr:hover{background:var(--wash)}.data-table tbody tr:last-child td{border-bottom:none}.table-empty{padding:var(--space-16) var(--space-8);text-align:center;color:var(--ink-muted);font-size:var(--text-sm)}.table-empty-icon{display:none}.table-footer{padding:var(--space-3) var(--space-5);border-top:1px solid var(--hairline);font-size:var(--text-xs);color:var(--ink-muted);justify-content:space-between;align-items:center;display:flex}.badge{padding:2px var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--weight-medium);white-space:nowrap;align-items:center;display:inline-flex}.badge-active{background:var(--status-active-bg);color:var(--status-active)}.badge-probation{background:var(--status-probation-bg);color:var(--status-probation)}.badge-notice{background:var(--status-notice-bg);color:var(--status-notice)}.badge-leave{background:var(--status-leave-bg);color:var(--status-leave)}.badge-exited{background:var(--status-exited-bg);color:var(--status-exited)}.badge-complete{background:var(--success-bg);color:var(--success)}.badge-progress{background:var(--warning-bg);color:var(--warning)}.badge-dot{width:5px;height:5px;margin-right:var(--space-2);background:currentColor;border-radius:50%}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-medium);font-family:var(--font-sans);cursor:pointer;transition:background var(--duration-fast), border-color var(--duration-fast), color var(--duration-fast);white-space:nowrap;border:1px solid #0000;line-height:1.5;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--ink);color:var(--surface);border-color:var(--ink)}.btn-primary:hover:not(:disabled){background:var(--ink-hover);border-color:var(--ink-hover)}.btn-secondary{background:var(--surface);color:var(--ink-secondary);border-color:var(--hairline-dark)}.btn-secondary:hover:not(:disabled){background:var(--wash);color:var(--ink)}.btn-ghost{color:var(--ink-secondary);padding:var(--space-2) var(--space-3);background:0 0;border:none}.btn-ghost:hover:not(:disabled){background:var(--wash);color:var(--ink)}.btn-danger{background:var(--surface);color:var(--error);border-color:var(--hairline-dark)}.btn-danger:hover:not(:disabled){background:var(--error-bg);border-color:var(--error)}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.btn-icon{border-radius:var(--radius-md);width:32px;height:32px;padding:0}.form-group{margin-bottom:var(--space-5)}.form-group-full{grid-column:1/-1}.form-label{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--ink-secondary);margin-bottom:var(--space-2);display:block}.form-input,.form-select,.form-textarea{width:100%;padding:var(--space-2) var(--space-3);background:var(--surface);border:1px solid var(--hairline-dark);border-radius:var(--radius-md);color:var(--ink);font-size:var(--text-sm);font-family:var(--font-sans);transition:border-color var(--duration-fast), box-shadow var(--duration-fast);outline:none}.form-input::placeholder,.form-textarea::placeholder{color:var(--ink-faint)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-wash)}.form-select{appearance:none;padding-right:var(--space-8);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23898781' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat}.form-textarea{resize:vertical;min-height:80px}.form-row,.form-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.form-actions{justify-content:flex-end;align-items:center;gap:var(--space-3);margin-top:var(--space-6);display:flex}.form-error{font-size:var(--text-xs);color:var(--error);margin-top:var(--space-1)}.modal-overlay{background:var(--overlay);z-index:1000;padding:var(--space-4);animation:fadeIn var(--duration-fast) var(--ease-out);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-xl);width:100%;max-width:640px;max-height:90vh;box-shadow:var(--shadow-modal);animation:slideUp var(--duration-base) var(--ease-out);overflow-y:auto}.modal-lg{max-width:800px}.modal-header{padding:var(--space-5);border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:center;display:flex}.modal-title{font-size:var(--text-base);font-weight:var(--weight-semibold)}.modal-close{width:28px;height:28px;color:var(--ink-muted);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--duration-fast), color var(--duration-fast);font-size:var(--text-base);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.modal-close:hover{background:var(--wash);color:var(--ink)}.modal-body{padding:var(--space-5)}.modal-footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--hairline);justify-content:flex-end;align-items:center;gap:var(--space-3);display:flex}.toast-container{top:var(--space-4);right:var(--space-4);z-index:2000;gap:var(--space-2);flex-direction:column;display:flex;position:fixed}.toast{padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--hairline);background:var(--surface);box-shadow:var(--shadow-float);align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--ink);min-width:280px;max-width:420px;animation:slideInRight var(--duration-base) var(--ease-out);display:flex}.toast-icon{font-size:var(--text-sm);width:18px;height:18px;font-weight:var(--weight-bold);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;display:flex}.toast-success .toast-icon{background:var(--success-bg);color:var(--success)}.toast-error .toast-icon{background:var(--error-bg);color:var(--error)}.toast-warning .toast-icon{background:var(--warning-bg);color:var(--warning)}.toast-info .toast-icon{background:var(--info-bg);color:var(--info)}.toast-close{color:var(--ink-faint);cursor:pointer;padding:var(--space-1);font-size:var(--text-base);background:0 0;border:none;margin-left:auto;line-height:1}.toast-close:hover{color:var(--ink)}.toggle{cursor:pointer;width:36px;height:20px;display:inline-block;position:relative}.toggle input{opacity:0;width:0;height:0}.toggle-slider{background:var(--hairline-dark);border-radius:var(--radius-full);transition:background var(--duration-fast);position:absolute;inset:0}.toggle-slider:before{content:"";background:var(--surface);width:14px;height:14px;transition:transform var(--duration-fast);border-radius:50%;position:absolute;top:3px;left:3px}.toggle input:checked+.toggle-slider{background:var(--ink)}.toggle input:checked+.toggle-slider:before{transform:translate(16px)}.skeleton,.skeleton-card,.skeleton-row{background:linear-gradient(90deg, var(--wash) 25%, var(--wash-hover) 50%, var(--wash) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s ease-in-out infinite shimmer}.skeleton-text{height:13px;margin-bottom:var(--space-2)}.skeleton-text:last-child{width:60%}.skeleton-heading{width:40%;height:24px;margin-bottom:var(--space-4)}.skeleton-card{border-radius:var(--radius-lg);border:1px solid var(--hairline);height:110px}.skeleton-row{height:44px;margin-bottom:var(--space-2)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.chart-bar-group{gap:var(--space-3);flex-direction:column;display:flex}.chart-bar-item{align-items:center;gap:var(--space-3);display:flex}.chart-bar-label{font-size:var(--text-sm);color:var(--ink-secondary);text-align:right;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;width:150px;overflow:hidden}.chart-bar-track{background:var(--wash);border-radius:var(--radius-sm);flex:1;height:20px;overflow:hidden}.chart-bar-fill{background:var(--series-1);border-radius:0 var(--radius-sm) var(--radius-sm) 0;height:100%;transition:width .6s var(--ease-out);min-width:2px}.chart-bar-value{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--ink);white-space:nowrap;font-variant-numeric:tabular-nums;min-width:24px}.donut-chart-wrapper{align-items:center;gap:var(--space-8);padding:var(--space-2);display:flex}.donut-chart{flex-shrink:0;width:150px;height:150px}.donut-center-total{font-size:1.75rem;font-weight:var(--weight-semibold);fill:var(--ink);font-family:var(--font-sans)}.donut-center-label{fill:var(--ink-muted);font-size:.6875rem;font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.06em}.donut-legend{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.donut-legend-item{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--ink-secondary);display:flex}.donut-legend-color{border-radius:2px;flex-shrink:0;width:9px;height:9px}.donut-legend-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.donut-legend-value{padding-left:var(--space-4);font-weight:var(--weight-semibold);color:var(--ink);font-variant-numeric:tabular-nums;margin-left:auto}.progress-bar{background:var(--wash);border-radius:var(--radius-full);width:100%;height:5px;overflow:hidden}.progress-fill{border-radius:var(--radius-full);height:100%;transition:width .5s var(--ease-out)}.progress-fill.complete{background:var(--series-4)}.progress-fill.partial{background:var(--series-3)}.filter-bar{align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.filter-bar .form-select{flex:0 auto;width:auto;min-width:160px}.filter-chip{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);background:var(--surface);border:1px solid var(--hairline-dark);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--ink-secondary);cursor:pointer;transition:background var(--duration-fast), border-color var(--duration-fast), color var(--duration-fast);display:inline-flex}.filter-chip:hover{background:var(--wash);color:var(--ink)}.filter-chip.active{background:var(--ink);border-color:var(--ink);color:var(--surface)}.filter-chip-remove{border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;font-size:10px;line-height:1;display:flex}.checklist-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.checklist-card{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-lg);padding:var(--space-5)}.checklist-card-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.checklist-card-name{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--ink)}.checklist-card-id{font-size:var(--text-xs);color:var(--ink-faint);font-family:var(--font-mono)}.checklist-items{gap:var(--space-1);flex-direction:column;display:flex}.checklist-item{padding:var(--space-1) 0;justify-content:space-between;align-items:center;display:flex}.checklist-item-label{font-size:var(--text-sm);color:var(--ink-secondary)}.checklist-item-label.checked{color:var(--ink)}.checklist-progress{margin-top:var(--space-4);align-items:center;gap:var(--space-3);display:flex}.checklist-progress-text{font-size:var(--text-xs);color:var(--ink-muted);white-space:nowrap;font-variant-numeric:tabular-nums}.settings-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.settings-list-card{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-lg);flex-direction:column;display:flex;overflow:hidden}.settings-list-header{padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:center;display:flex}.settings-list-title{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--ink)}.settings-list-count{font-size:var(--text-xs);color:var(--ink-muted);background:var(--wash);padding:1px var(--space-2);border-radius:var(--radius-full);font-variant-numeric:tabular-nums}.settings-list-items{padding:var(--space-2) var(--space-5);flex:1}.settings-list-item{padding:var(--space-2) 0;border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:center;display:flex}.settings-list-item:last-child{border-bottom:none}.settings-list-item-text{font-size:var(--text-sm);color:var(--ink-secondary)}.settings-list-empty{font-size:var(--text-sm);color:var(--ink-faint);padding:var(--space-3) 0}.settings-list-item-remove{color:var(--ink-faint);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);transition:color var(--duration-fast), background var(--duration-fast);font-size:var(--text-sm);background:0 0;border:none;line-height:1}.settings-list-item-remove:hover{color:var(--error);background:var(--error-bg)}.settings-list-add{padding:var(--space-3) var(--space-5);border-top:1px solid var(--hairline);gap:var(--space-2);display:flex}.settings-list-add input{padding:var(--space-2) var(--space-3);background:var(--surface);border:1px solid var(--hairline-dark);border-radius:var(--radius-md);color:var(--ink);font-size:var(--text-sm);font-family:var(--font-sans);transition:border-color var(--duration-fast), box-shadow var(--duration-fast);outline:none;flex:1}.settings-list-add input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-wash)}.sensitive-overlay{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-lg);justify-content:center;align-items:center;min-height:380px;display:flex;position:relative}.sensitive-overlay-content{text-align:center;padding:var(--space-8);flex-direction:column;align-items:center;display:flex}.sensitive-overlay-icon{color:var(--ink-faint);margin-bottom:var(--space-4)}.sensitive-overlay-icon svg{width:36px;height:36px}.sensitive-overlay-title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--ink);margin-bottom:var(--space-2)}.sensitive-overlay-text{font-size:var(--text-sm);color:var(--ink-muted);margin-bottom:var(--space-6);max-width:400px}.detail-tabs{gap:var(--space-1);border-bottom:1px solid var(--hairline);margin-bottom:var(--space-6);display:flex}.detail-tab{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--ink-muted);cursor:pointer;transition:color var(--duration-fast), border-color var(--duration-fast);font-family:var(--font-sans);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px}.detail-tab:hover{color:var(--ink)}.detail-tab.active{color:var(--ink);border-bottom-color:var(--ink)}.detail-grid{gap:var(--space-4) var(--space-6);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.detail-field,.detail-item{padding:var(--space-2) 0}.detail-field-label,.detail-label{font-size:.6875rem;font-weight:var(--weight-medium);color:var(--ink-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px;display:block}.detail-field-value,.detail-value{font-size:var(--text-sm);color:var(--ink)}.detail-field-value.empty,.detail-value.empty{color:var(--ink-faint)}.empty-state{padding:var(--space-16) var(--space-8);text-align:center;color:var(--ink-muted);font-size:var(--text-sm)}.empty-text{color:var(--ink-faint);font-size:var(--text-sm)}.clickable-mask{cursor:pointer}.pin-screen{background:var(--page);min-height:100vh;padding:var(--space-4);justify-content:center;align-items:center;display:flex}.pin-card{text-align:center;padding:var(--space-10);flex-direction:column;align-items:center;display:flex}.pin-logo{border-radius:var(--radius-lg);object-fit:cover;width:44px;height:44px;margin-bottom:var(--space-5);background:#000}.pin-title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--ink);letter-spacing:-.01em}.pin-subtitle{font-size:var(--text-sm);color:var(--ink-muted);margin-top:var(--space-1);margin-bottom:var(--space-8)}.pin-boxes{gap:var(--space-3);cursor:text;display:flex}.pin-box{background:var(--surface);border:1px solid var(--hairline-dark);border-radius:var(--radius-lg);width:48px;height:56px;font-size:var(--text-2xl);color:var(--ink);transition:border-color var(--duration-fast), box-shadow var(--duration-fast);justify-content:center;align-items:center;display:flex}.pin-box.active{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-wash)}.pin-hidden-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.pin-error{font-size:var(--text-sm);color:var(--error);margin-top:var(--space-5);visibility:hidden}.pin-error.visible{visibility:visible}.pin-shake{animation:.3s ease-in-out pin-shake}@keyframes pin-shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}50%{transform:translate(8px)}75%{transform:translate(-4px)}}.mobile-menu-btn{top:var(--space-3);left:var(--space-3);z-index:98;background:var(--surface);border:1px solid var(--hairline-dark);border-radius:var(--radius-md);width:38px;height:38px;color:var(--ink);cursor:pointer;justify-content:center;align-items:center;display:none;position:fixed}.dashboard-grid{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}@media (max-width:1024px){.dashboard-grid{grid-template-columns:1fr}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}.fade-in{animation:fadeIn var(--duration-base) var(--ease-out)}.slide-up{animation:slideUp var(--duration-base) var(--ease-out)}@media (max-width:768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-content{padding:var(--space-16) var(--space-4) var(--space-4);margin-left:0}.mobile-menu-btn{display:flex}.stat-grid{grid-template-columns:repeat(2,1fr)}.checklist-grid,.form-row,.form-grid{grid-template-columns:1fr}.donut-chart-wrapper{flex-direction:column;align-items:stretch}.donut-chart{align-self:center}.modal{max-height:calc(100vh - 2rem)}.table-toolbar{flex-direction:column;align-items:stretch}.detail-tabs{scrollbar-width:none;overflow-x:auto}.detail-tabs::-webkit-scrollbar{display:none}.detail-tab{white-space:nowrap;flex-shrink:0}.page-actions,.page-header-actions,.form-actions{flex-wrap:wrap}.filter-bar .form-select{flex:45%;min-width:0}}@media (max-width:480px){.stat-grid{grid-template-columns:1fr}.main-content{padding:var(--space-16) var(--space-3) var(--space-4)}.portal-main{padding:var(--space-6) var(--space-3) var(--space-12)}}.text-muted{color:var(--ink-muted)}.text-sm{font-size:var(--text-sm)}.text-xs{font-size:var(--text-xs)}.font-mono{font-family:var(--font-mono)}.font-semibold{font-weight:var(--weight-semibold)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.flex-wrap{flex-wrap:wrap}.w-full{width:100%}.text-center{text-align:center}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.auth-tabs{gap:var(--space-1);background:var(--wash);border-radius:var(--radius-md);padding:var(--space-1);margin-bottom:var(--space-5);display:flex}.auth-tab{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--ink-muted);cursor:pointer;transition:all .15s var(--ease-out);background:0 0;border:none;flex:1}.auth-tab.active{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-float)}.auth-form{gap:var(--space-3);flex-direction:column;display:flex}.auth-submit{justify-content:center;width:100%}.auth-code-input{text-align:center;font-size:var(--text-xl);letter-spacing:.5em;font-family:var(--font-mono)}.payroll-month-input{max-width:200px}.payroll-regenerate{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--ink-secondary);cursor:pointer;display:flex}.payroll-emp{flex-direction:column;gap:2px;display:flex}.payroll-emp-sub{font-size:var(--text-xs);color:var(--ink-muted)}.payroll-lop-input{width:72px;padding:var(--space-1) var(--space-2)}.payroll-net{font-weight:var(--weight-semibold)}.payroll-row-excluded td{opacity:.45}.payroll-row-excluded td:first-child{opacity:1}.payroll-actions{margin-top:var(--space-5);justify-content:flex-end;display:flex}.adjustments-list{gap:var(--space-2);margin-bottom:var(--space-4);flex-direction:column;display:flex}.adjustments-item{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--wash);border-radius:var(--radius-md);font-size:var(--text-sm);display:flex}.adjustments-item span:first-child{flex:1}.adjustments-form{gap:var(--space-2);margin-bottom:var(--space-4);display:flex}.adjustments-form .form-input:first-child{flex:2}.payslip-lines-table{width:100%;margin-top:var(--space-4);border-top:1px solid var(--hairline)}.payslip-lines-table th,.payslip-lines-table td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--hairline);font-size:var(--text-sm);text-align:left}.payslip-lines-total td{background:var(--wash);border-bottom:none}.portal{background:var(--page);min-height:100vh}.portal-header{padding:var(--space-4) var(--space-8);background:var(--surface);border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:center;display:flex}.portal-brand{align-items:center;gap:var(--space-3);display:flex}.portal-brand-name{font-weight:var(--weight-semibold);font-size:var(--text-base);color:var(--ink);display:block}.portal-brand-sub{font-size:var(--text-xs);color:var(--ink-muted);display:block}.portal-user{align-items:center;gap:var(--space-3);display:flex}.portal-user-name{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--ink)}.portal-user-id{font-size:var(--text-xs);color:var(--ink-muted)}.portal-main{max-width:720px;padding:var(--space-8) var(--space-6) var(--space-16);margin:0 auto}.portal-empty{padding:var(--space-12) var(--space-6)}.portal-slips{gap:var(--space-3);flex-direction:column;display:flex}.portal-slip-card{align-items:center;gap:var(--space-6);padding:var(--space-4) var(--space-5);background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-lg);display:flex}.portal-slip-info{flex-direction:column;flex:1;gap:2px;display:flex}.portal-slip-period{font-weight:var(--weight-semibold);font-size:var(--text-base);color:var(--ink)}.portal-slip-meta{font-size:var(--text-xs);color:var(--ink-muted)}.portal-slip-amount{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.portal-slip-net{font-weight:var(--weight-semibold);font-size:var(--text-base);color:var(--ink)}@media (max-width:560px){.portal-header{padding:var(--space-3) var(--space-4)}.portal-slip-card{gap:var(--space-3);flex-wrap:wrap}.portal-user-name,.portal-user-id{display:none}}.btn-small{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.form-hint{margin-top:var(--space-1);font-size:var(--text-xs);color:var(--ink-muted);display:block}.filter-bar-note{font-size:var(--text-sm);color:var(--ink-secondary)}.activity-time{font-size:var(--text-xs);white-space:nowrap}.settings-company-card{margin-bottom:var(--space-6)}.sidebar-logout{padding:var(--space-1);color:var(--ink-muted);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s var(--ease-out);background:0 0;border:none;align-items:center;margin-left:auto;display:flex}.sidebar-logout:hover{background:var(--wash);color:var(--ink)}.page-loading-overlay{background:var(--overlay);opacity:.3;z-index:60;position:fixed;inset:0}.auth-link{margin-top:var(--space-3);color:var(--ink-muted);font-size:var(--text-xs);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;text-decoration:underline}.auth-link:hover{color:var(--ink)}.payroll-lop-auto{margin-top:var(--space-1);font-size:var(--text-xs);color:var(--ink-muted);max-width:200px}.payroll-lop-reset{margin-left:var(--space-2);color:var(--accent);font-size:var(--text-xs);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;text-decoration:underline}.att-hint{margin:calc(-1 * var(--space-2)) 0 var(--space-4);max-width:720px}.att-dirty-count{margin:0}.att-grid-wrapper{overflow-x:auto}.att-grid th,.att-grid td{padding:var(--space-1);text-align:center}.att-grid .att-emp-col{z-index:1;background:var(--surface);text-align:left;padding:var(--space-2) var(--space-3);border-right:1px solid var(--hairline-dark);min-width:180px;position:sticky;left:0}.att-grid thead .att-emp-col{z-index:2}.att-emp{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.att-day-col{font-size:var(--text-xs);min-width:30px}.att-day-dow{font-size:.625rem;font-weight:var(--weight-normal);color:var(--ink-muted);text-transform:none;display:block}th.att-day-weekend,th.att-day-weekend .att-day-dow{color:var(--ink-faint)}td.att-day-weekend{background:var(--wash)}th.att-day-holiday,th.att-day-holiday .att-day-dow{color:var(--warning,#eda100)}.att-cell{border:1px solid var(--hairline-dark);border-radius:var(--radius-sm);background:var(--surface);width:24px;height:24px;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-semibold);cursor:pointer;transition:border-color var(--duration-fast), background var(--duration-fast);justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex}button.att-cell:hover{border-color:var(--accent)}.att-cell-blank{background:var(--surface);color:var(--ink-faint)}.att-cell-p{background:var(--success-bg);color:var(--success);border-color:#0000}.att-cell-a{background:var(--error-bg);color:var(--error);border-color:#0000}.att-cell-h{background:var(--warning-bg);color:var(--warning);border-color:#0000}.att-cell-w{background:var(--wash);color:var(--ink-muted);border-color:#0000}.att-cell-o{background:var(--info-bg);color:var(--info);border-color:#0000}.att-cell-inactive{cursor:default;background:0 0;border-color:#0000}.att-legend{gap:var(--space-4);margin-top:var(--space-3);font-size:var(--text-xs);color:var(--ink-secondary);flex-wrap:wrap;display:flex}.att-legend-item{align-items:center;gap:var(--space-2);display:inline-flex}.att-legend-item .att-cell{cursor:default}.att-legend-note{color:var(--ink-muted)}.portal-leave-section{margin-top:0}.portal-tabs{margin-bottom:var(--space-8);scrollbar-width:none;overflow-x:auto}.portal-tabs::-webkit-scrollbar{display:none}.portal-tabs .detail-tab{white-space:nowrap;flex-shrink:0}.portal-leave-days{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--ink);display:block}.portal-leave-over{color:var(--warning)}.portal-leave-note{margin-top:var(--space-1);font-size:var(--text-xs);color:var(--ink-muted);display:block}.portal-leave-badge-cancelled{background:var(--wash);color:var(--ink-muted)}.sidebar-link-count{border-radius:var(--radius-full);color:#fff;min-width:18px;height:18px;font-size:.6875rem;font-weight:var(--weight-semibold);background:#c53030;justify-content:center;align-items:center;margin-left:auto;padding:0 5px;line-height:1;display:inline-flex}.sidebar-collapse-btn{z-index:110;border-radius:var(--radius-full);border:1px solid var(--hairline-dark);background:var(--surface);width:24px;height:24px;color:var(--ink-muted);cursor:pointer;box-shadow:var(--shadow-float);justify-content:center;align-items:center;display:inline-flex;position:absolute;top:26px;right:-12px}.sidebar-collapse-btn:hover{color:var(--ink);border-color:var(--accent)}.sidebar.collapsed{width:76px}.app-layout.sidebar-collapsed .main-content{max-width:calc(var(--content-max-width) + 76px);margin-left:76px}.sidebar.collapsed .sidebar-brand,.sidebar.collapsed .sidebar-section-label,.sidebar.collapsed .sidebar-link-text,.sidebar.collapsed .sidebar-status-text{display:none}.sidebar.collapsed .sidebar-header{justify-content:center}.sidebar.collapsed .sidebar-link{justify-content:center;position:relative}.sidebar.collapsed .sidebar-section{border-top:1px solid var(--hairline);padding-top:var(--space-2)}.sidebar.collapsed .sidebar-footer{justify-content:center}.sidebar.collapsed .sidebar-link-count{margin-left:0;position:absolute;top:4px;right:8px}@media (max-width:768px){.sidebar-collapse-btn{display:none}.sidebar.collapsed{width:var(--sidebar-width)}.sidebar.collapsed .sidebar-brand,.sidebar.collapsed .sidebar-section-label,.sidebar.collapsed .sidebar-link-text,.sidebar.collapsed .sidebar-status-text{display:initial}.sidebar.collapsed .sidebar-link{justify-content:flex-start}.sidebar.collapsed .sidebar-link-count{margin-left:auto;position:static}.app-layout.sidebar-collapsed .main-content{margin-left:0}}.cal-toolbar{align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.cal-toolbar-year{font-size:var(--text-lg);text-align:center;min-width:4ch;font-weight:600}.cal-year{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(148px,1fr));display:grid}.cal-month{border:1px solid var(--hairline);border-radius:var(--radius-md,8px);padding:var(--space-2);background:var(--surface)}.cal-month-name{font-weight:600;font-size:var(--text-xs);margin-bottom:4px}.cal-weekdays,.cal-days{grid-template-columns:repeat(7,1fr);gap:1px;display:grid}.cal-weekday{text-align:center;color:var(--ink-muted);padding-bottom:2px;font-size:.5625rem;font-weight:600}.cal-day{aspect-ratio:1;color:var(--ink-secondary);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:0;font-family:inherit;font-size:.6875rem;display:flex}.cal-day-empty{visibility:hidden}.cal-day-click{cursor:pointer;transition:background .12s,filter .12s}.cal-day-click:hover{background:var(--wash-hover)}.cal-day-holiday{background:var(--accent);color:#fff;font-weight:600}.cal-day-click.cal-day-holiday:hover{background:var(--accent);filter:brightness(.9)}.cal-day-today{outline:1.5px solid var(--accent);outline-offset:-1.5px}.cal-day-holiday.cal-day-today{outline-color:var(--ink)}.hol-upcoming{align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.hol-upcoming-label{font-size:var(--text-xs);color:var(--ink-muted);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.hol-upcoming-item{background:var(--accent-wash);border:1px solid var(--hairline);font-size:var(--text-xs);white-space:nowrap;border-radius:999px;align-items:baseline;gap:6px;padding:4px 10px;display:inline-flex}.hol-upcoming-item strong{color:var(--accent-strong)}.hol-upcoming-item span{color:var(--ink-muted)}.hol-upcoming-empty{font-size:var(--text-xs);color:var(--ink-muted)}.avatar{color:#fff;-webkit-user-select:none;user-select:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;line-height:1;display:inline-flex;overflow:hidden}.avatar-img{object-fit:cover;background:var(--wash)}.avatar-edit{display:inline-flex;position:relative}.avatar-edit-btn{border:2px solid var(--surface);background:var(--accent);color:#fff;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;padding:0;display:inline-flex;position:absolute;bottom:-2px;right:-2px}.avatar-edit-btn:hover{background:var(--accent-strong)}.avatar-edit-btn:disabled{opacity:.6;cursor:default}.btn-linklike{cursor:pointer;color:var(--accent);font:inherit;background:0 0;border:none;padding:0;text-decoration:underline}.btn-linklike:disabled{opacity:.6;cursor:default}