:root{--text:#4a5265;--text-strong:#10131a;--bg:#f6f7f9;--surface:#fff;--border:#e3e6ec;--accent:#3b6dff;--accent-weak:#3b6dff1a;--danger:#d13b3b;--ok:#17805a;--ok-weak:#17805a1f;--warn:#a4650b;--warn-weak:#a4650b24;--muted-weak:#4a52651f;--shadow:#10131a0f 0 1px 3px, #10131a0a 0 8px 24px;--radius:10px;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--text:#a7b0c2;--text-strong:#f2f4f8;--bg:#101319;--surface:#171b23;--border:#262c38;--accent:#6f95ff;--accent-weak:#6f95ff24;--danger:#ff7b7b;--ok:#4bd4a1;--ok-weak:#4bd4a124;--warn:#e5b25d;--warn-weak:#e5b25d29;--muted-weak:#a7b0c224;--shadow:#0006 0 1px 3px, #0000004d 0 8px 24px}}*{box-sizing:border-box}body{min-height:100vh;margin:0}h1,h2,h3{color:var(--text-strong);margin:0 0 4px;line-height:1.3}h1{font-size:1.45rem}h2{font-size:1.05rem}a{color:var(--accent)}.muted{color:var(--text);opacity:.85;margin:0 0 12px}.small{font-size:.87rem}.error-text{color:var(--danger);margin:4px 0 0;font-size:.9rem}.app-shell{min-height:100vh}.app-header{background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:20px;padding:12px 24px;display:flex}.brand{flex-shrink:0;align-items:center;display:flex}.brand-logo{width:auto;height:26px;display:block}.app-nav{flex:1;align-items:center;gap:4px;display:flex}.nav-menu{position:relative}.nav-menu-trigger{width:34px;height:34px;color:var(--text);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;place-items:center;padding:0;display:grid}.nav-menu-trigger svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:19px;height:19px}.nav-menu-trigger:hover,.nav-menu-trigger[aria-expanded=true]{background:var(--muted-weak)}.nav-menu-trigger.active{background:var(--accent-weak);color:var(--accent)}.nav-dropdown{z-index:10;border:1px solid var(--border);background:var(--surface);min-width:150px;box-shadow:var(--shadow);border-radius:9px;padding:6px;display:grid;position:absolute;top:calc(100% + 8px);left:0}.nav-dropdown a{color:var(--text);white-space:nowrap;border-radius:6px;padding:7px 9px;font-size:.92rem;text-decoration:none}.nav-dropdown a:hover{background:var(--muted-weak)}.nav-dropdown a.active{background:var(--accent-weak);color:var(--accent);font-weight:600}.app-user{align-items:center;gap:8px;display:flex}.app-user-name{color:var(--text-strong);font-size:.92rem;font-weight:600}.app-main{padding:28px 24px 60px}.page{flex-direction:column;gap:16px;max-width:880px;margin:0 auto;display:flex}.centered-page{place-items:center;min-height:100vh;padding:24px;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.card-narrow{flex-direction:column;gap:14px;width:100%;max-width:380px;display:flex}.profile{align-items:center;gap:14px;display:flex}.profile-name{color:var(--text-strong);align-items:center;gap:8px;font-size:1.1rem;font-weight:700;display:flex}.avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:52px;height:52px}.avatar-sm{width:26px;height:26px;font-size:.75rem}.avatar-fallback{background:var(--accent-weak);color:var(--accent);place-items:center;font-weight:700;display:inline-grid}.detail-list{background:var(--border);border:1px solid var(--border);border-radius:8px;gap:1px;margin:12px 0 0;display:grid;overflow:hidden}.detail-list>div{background:var(--surface);gap:12px;padding:10px 14px;display:flex}.detail-list dt{flex-shrink:0;width:110px;font-size:.88rem}.detail-list dd{color:var(--text-strong);margin:0;font-size:.92rem}.field{flex-direction:column;gap:5px;display:flex}.field-label{color:var(--text-strong);font-size:.86rem;font-weight:600}.field-label em{border-radius:999px;margin-left:6px;padding:1px 6px;font-size:.75rem;font-style:normal;font-weight:600}.required{background:var(--accent-weak);color:var(--accent)}.optional{background:var(--muted-weak)}.field-hint{opacity:.8;font-size:.8rem}input,select{font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--text-strong);border-radius:8px;width:100%;padding:9px 11px}input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:1px}input:disabled,select:disabled{opacity:.6}.color-input{cursor:pointer;height:42px;padding:4px}.color-input::-webkit-color-swatch-wrapper{padding:0}.color-input::-webkit-color-swatch{border:0;border-radius:5px}.color-input::-moz-color-swatch{border:0;border-radius:5px}.form-inline{flex-direction:column;gap:14px;display:flex}.form-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;display:grid}.form-actions{gap:8px;display:flex}.btn{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;padding:9px 16px;font-weight:600;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){filter:brightness(1.08)}.btn-ghost{border-color:var(--border);color:var(--text);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--muted-weak)}.btn-block{width:100%}.btn-sm{padding:5px 10px;font-size:.85rem}.filter-row{flex-wrap:wrap;gap:6px;display:flex}.chip{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:999px;padding:5px 12px;font-size:.87rem}.chip:hover{background:var(--muted-weak)}.chip-active{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.table-wrap{padding:0;overflow-x:auto}.table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:.92rem}.table th,.table td{text-align:left;border-bottom:1px solid var(--border);padding:11px 16px}.table th{color:var(--text);background:var(--bg);font-size:.82rem;font-weight:600}.table tbody tr:last-child td{border-bottom:none}.table td{color:var(--text-strong)}.cell-name{font-weight:600}.cell-name>*{vertical-align:middle}.cell-name .avatar-sm{margin-right:8px}.cell-name .badge{margin-left:8px}.badge{background:var(--muted-weak);border-radius:999px;padding:2px 8px;font-size:.74rem;font-weight:700}.badge-admin{background:var(--accent-weak);color:var(--accent)}.badge-active{background:var(--ok-weak);color:var(--ok)}.badge-info_required{background:var(--warn-weak);color:var(--warn)}.badge-inactive{background:var(--muted-weak)}.spinner{justify-content:center;align-items:center;gap:9px;padding:36px;font-size:.9rem;display:flex}.spinner-dot{border:2px solid var(--muted-weak);border-top-color:var(--accent);border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner-dot{animation-duration:3s}}.nav-divider{background:var(--border);align-self:stretch;width:1px;margin:2px 6px}.app-nav a.nav-admin{opacity:.9;font-size:.88rem}.success-text{color:var(--ok);margin:4px 0 0;font-size:.9rem}.warning-box{background:var(--warn-weak);color:var(--warn);border-radius:8px;padding:10px 14px;font-size:.88rem}.warning-box ul{margin:6px 0 0;padding-left:18px}.checkin-row{flex-wrap:wrap;align-items:center;gap:28px;margin:14px 0 18px;display:flex}.checkin-stat{flex-direction:column;gap:2px;display:flex}.checkin-stat strong{color:var(--text-strong);font-variant-numeric:tabular-nums;font-size:1.3rem}.checkin-label{opacity:.85;font-size:.8rem}.balance-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-top:12px;display:grid}.balance-card{border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:2px;padding:14px;display:flex}.balance-name{font-size:.85rem;font-weight:700}.balance-remaining{color:var(--text-strong);font-variant-numeric:tabular-nums;font-size:1.5rem}.approval-list,.plain-list{background:var(--border);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:1px;margin:12px 0 0;padding:0;list-style:none;display:flex;overflow:hidden}.approval-item,.plain-list li{background:var(--surface);flex-wrap:wrap;align-items:center;gap:12px;padding:12px 14px;display:flex}.plain-list li{gap:10px}.plain-list strong{color:var(--text-strong)}.approval-main{flex:1;min-width:220px}.approval-title{color:var(--text-strong);align-items:center;gap:8px;display:flex}.approval-actions,.approval-reject{align-items:center;gap:6px;display:flex}.approval-reject input{width:200px}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){filter:brightness(1.08)}.stat-row{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:4px;padding:16px 18px;display:flex}.stat-label{opacity:.9;font-size:.82rem}.stat-value{color:var(--text-strong);font-variant-numeric:tabular-nums;font-size:1.7rem;line-height:1.1}.stat-unit{opacity:.7;margin-left:3px;font-size:.85rem;font-weight:500}.table-caption{padding:16px 16px 0}.color-dot{vertical-align:middle;border-radius:50%;width:10px;height:10px;margin-right:6px;display:inline-block}.field-check{flex-direction:row;align-self:end;align-items:center;gap:8px;padding-bottom:9px}.field-check input{width:auto}.badge-leave-pending{background:var(--warn-weak);color:var(--warn)}.badge-leave-approved{background:var(--ok-weak);color:var(--ok)}.badge-leave-rejected{color:var(--danger);background:#d13b3b24}.badge-leave-cancelled{background:var(--muted-weak)}.badge-att-normal{background:var(--ok-weak);color:var(--ok)}.badge-att-late,.badge-att-early_leave{background:var(--warn-weak);color:var(--warn)}.badge-att-absent{color:var(--danger);background:#d13b3b24}.page-wide{max-width:1100px}.calendar-toolbar{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.calendar-toolbar h1{margin:0}.calendar-nav{flex:1;align-items:center;gap:6px;display:flex}.calendar-period{color:var(--text-strong);text-align:center;min-width:190px;font-size:1rem}.calendar-legend{flex-wrap:wrap;align-items:center;gap:14px;font-size:.85rem;display:flex}.legend-item{align-items:center;gap:6px;display:inline-flex}.legend-spacer{flex:1}.legend-dot{border-radius:3px;flex-shrink:0;width:9px;height:9px;display:inline-block}.kind-company{--kind:var(--accent);--kind-weak:var(--accent-weak)}.kind-leave{--kind:var(--ok);--kind-weak:var(--ok-weak)}.kind-personal{--kind:#8b5cf6;--kind-weak:#8b5cf624}.legend-dot.kind-company,.legend-dot.kind-leave,.legend-dot.kind-personal{background:var(--kind)}.calendar-grid{background:var(--border);border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.calendar-head{background:var(--bg);text-align:center;padding:8px 10px;font-size:.8rem;font-weight:600}.calendar-cell{font:inherit;text-align:left;background:var(--surface);cursor:pointer;min-height:96px;color:inherit;border:none;flex-direction:column;gap:4px;padding:6px 7px;display:flex}.calendar-grid-week .calendar-cell{min-height:320px}.calendar-cell:hover{background:var(--muted-weak)}.calendar-cell-outside{opacity:.42}.calendar-cell-today .calendar-date{background:var(--accent);color:#fff}.calendar-cell-selected{outline:2px solid var(--accent);outline-offset:-2px}.calendar-date{color:var(--text-strong);border-radius:50%;flex-shrink:0;place-items:center;width:22px;height:22px;font-size:.8rem;font-weight:600;display:inline-grid}.weekday-0{color:#d13b3b}.weekday-6{color:#3b6dff}.calendar-cell-today .weekday-0,.calendar-cell-today .weekday-6{color:#fff}.calendar-events{flex-direction:column;gap:2px;min-width:0;display:flex}.calendar-chip{background:var(--kind-weak);color:var(--kind);border-left:3px solid var(--kind);white-space:nowrap;text-overflow:ellipsis;border-radius:4px;padding:2px 6px;font-size:.74rem;font-weight:600;overflow:hidden}.chip-time{opacity:.75;font-variant-numeric:tabular-nums;margin-right:4px}.calendar-more{opacity:.75;padding-left:6px;font-size:.72rem}@media (width<=720px){.calendar-cell{min-height:74px}.calendar-chip{font-size:.68rem}}