.ac-page{display:grid;gap:16px;color:var(--text-main,#14213a)}
.ac-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}
.ac-head h1{margin:0;font-size:25px;font-weight:600}
.ac-head p{margin:5px 0 0;color:var(--text-muted,#667085);font-size:13px}
.ac-refresh{min-height:40px;padding:0 14px;border:1px solid var(--border-color,#dce3ed);border-radius:10px;background:var(--surface,#fff);color:var(--text-main,#14213a);font-weight:600}
.ac-types{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ac-type{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:76px;padding:14px 16px;border:1px solid var(--border-color,#dce3ed);border-radius:15px;background:var(--surface,#fff);color:var(--text-main,#14213a);text-align:left;cursor:pointer;box-shadow:0 6px 18px rgba(24,39,75,.05)}
.ac-type strong,.ac-type small{display:block}.ac-type strong{font-size:15px}.ac-type small{margin-top:4px;color:var(--text-muted,#667085);font-size:12px}.ac-type b{flex:0 0 auto;padding:5px 9px;border-radius:999px;background:#f2f4f7;color:#526078;font-size:11px}
.ac-type.leave.active{border-color:#cbbbf4;background:#f4efff;box-shadow:inset 4px 0 0 #6941c6}.ac-type.leave.active b{background:#fff;color:#6941c6}
.ac-type.attendance.active{border-color:#f7c777;background:#fff6e7;box-shadow:inset 4px 0 0 #f79009}.ac-type.attendance.active b{background:#fff;color:#b76300}
.ac-tools{display:flex;align-items:center;justify-content:space-between;gap:12px}.ac-modes{display:flex;gap:7px}.ac-mode{min-height:39px;padding:0 15px;border:1px solid var(--border-color,#dce3ed);border-radius:9px;background:var(--surface,#fff);color:var(--text-muted,#667085);cursor:pointer}.ac-mode.active{border-color:#2454d7;background:#2454d7;color:#fff}.ac-search{display:flex;align-items:center;min-height:42px;width:min(320px,100%);padding:0 12px;border:1px solid var(--border-color,#dce3ed);border-radius:10px;background:var(--surface,#fff)}.ac-search input{width:100%;border:0;outline:0;background:transparent;color:var(--text-main,#14213a)}
.ac-workbench{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(390px,.95fr);gap:14px;align-items:start}.ac-panel{overflow:hidden;border:1px solid var(--border-color,#dce3ed);border-radius:15px;background:var(--surface,#fff);box-shadow:0 8px 24px rgba(24,39,75,.06)}.ac-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;border-bottom:1px solid var(--border-color,#e8ecf2)}.ac-panel-head h2{margin:0;font-size:15px}.ac-panel-head span{color:var(--text-muted,#667085);font-size:12px}
.ac-list{padding:6px 12px}.ac-card{position:relative;width:100%;display:grid;grid-template-columns:46px minmax(0,1fr) auto 15px;align-items:center;gap:11px;padding:14px 5px;border:0;border-top:1px solid var(--border-color,#edf0f4);background:transparent;color:inherit;text-align:left;cursor:pointer}.ac-card:first-child{border-top:0}.ac-card:hover,.ac-card.active{margin:0 -5px;width:calc(100% + 10px);padding-right:10px;padding-left:10px;border-radius:11px;background:#f6f8ff;box-shadow:inset 3px 0 0 #2454d7}.ac-kind{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#f2ebff;color:#6941c6;font-size:12px;font-weight:700}.ac-card.attendance .ac-kind{background:#fff4df;color:#b76300}.ac-copy{min-width:0}.ac-copy h3{margin:0;font-size:14px}.ac-label{display:block;margin-top:6px;color:var(--text-muted,#667085);font-size:10px;letter-spacing:.04em;text-transform:uppercase}.ac-value{display:block;margin-top:2px;font-size:12px;font-weight:600}.ac-period{display:block;margin-top:3px;color:#526078;font-size:12px;line-height:1.45}.ac-meta{display:block;margin-top:6px;color:var(--text-muted,#667085);font-size:11px;line-height:1.5}.ac-age{align-self:start;padding:5px 8px;border-radius:999px;background:#f2f4f7;color:#526078;font-size:10px;white-space:nowrap}.ac-arrow{color:#98a2b3;font-size:20px}.ac-empty{padding:44px 18px;text-align:center;color:var(--text-muted,#667085)}.ac-empty strong{display:block;margin-bottom:5px;color:var(--text-main,#14213a)}
.ac-detail{position:sticky;top:12px;max-height:calc(100vh - 130px);overflow:auto}.ac-detail-head{padding:15px 16px;border-bottom:1px solid var(--border-color,#e8ecf2)}.ac-detail-head h2{margin:0;font-size:17px}.ac-detail-head p{margin:4px 0 0;color:var(--text-muted,#667085);font-size:12px}.ac-detail-body{display:grid;gap:12px;padding:15px}.ac-employee{display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:11px;padding:12px;border-radius:12px;background:#edf3ff}.ac-photo{position:relative;display:grid;place-items:center;width:46px;height:46px;margin:0;overflow:hidden;border:2px solid #fff;border-radius:50%;background:linear-gradient(135deg,#2f63e8,#12a4ad);box-shadow:0 0 0 1px #cbd7ea;color:#fff;font-size:12px;font-weight:700}.ac-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.ac-photo .ac-fallback{display:grid;place-items:center;width:100%;height:100%;margin:0;color:#fff}.ac-employee strong,.ac-employee small{display:block}.ac-employee strong{font-size:14px}.ac-employee small{margin-top:3px;color:var(--text-muted,#667085);font-size:11px}.ac-status{padding:5px 8px;border-radius:999px;background:#fff4df;color:#9b5d00;font-size:10px}.ac-status.done{background:#e8f7ee;color:#087849}.ac-facts{display:grid;grid-template-columns:1fr 1fr;gap:9px}.ac-fact,.ac-context{padding:11px;border:1px solid var(--border-color,#dce3ed);border-radius:11px}.ac-fact span{display:block;color:var(--text-muted,#667085);font-size:10px;text-transform:uppercase}.ac-fact strong{display:block;margin-top:5px;font-size:13px}.ac-context h3{margin:0 0 7px;font-size:13px}.ac-context p{margin:0;color:#4b5870;font-size:12px;line-height:1.6}.ac-system{border-color:#f7c777;background:#fff8ea}.ac-actions{position:sticky;bottom:0;display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:12px 15px;border-top:1px solid var(--border-color,#dce3ed);background:rgba(255,255,255,.97)}.ac-actions .btn{width:100%;justify-content:center}.ac-loading{padding:42px;text-align:center;color:var(--text-muted,#667085)}
.ac-flow{background:#f8faff}.ac-flow-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.ac-flow-steps span{display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:5px;color:#64748b;font-size:10px;line-height:1.3}.ac-flow-steps b{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#e4e9f2;color:#526078}.ac-flow-steps .done b{background:#dcfce7;color:#087849}.ac-flow-steps .current{color:#2454d7;font-weight:700}.ac-flow-steps .current b{background:#2454d7;color:#fff}.ac-prior-review{margin-top:11px;padding-top:10px;border-top:1px solid #dce3ed}.ac-prior-review strong,.ac-prior-review span{display:block}.ac-prior-review strong{font-size:12px}.ac-prior-review span{margin-top:3px;color:#667085;font-size:11px}.ac-prior-review p{margin-top:6px;font-style:italic}
@media(max-width:900px){.ac-workbench{grid-template-columns:1fr}.ac-detail{position:fixed;z-index:410;inset:0;max-height:none;border:0;border-radius:0;transform:translateX(105%);transition:transform .22s ease}.ac-detail.open{transform:translateX(0)}.ac-detail-head{padding-top:20px}.ac-detail-head:before{content:'←';display:inline-block;margin-right:8px;color:#2454d7}.ac-detail-head{cursor:pointer}.ac-detail-body{padding-bottom:96px}.ac-actions{position:fixed;right:0;bottom:0;left:0;padding-bottom:calc(78px + env(safe-area-inset-bottom))}}
@media(max-width:640px){.ac-page{gap:13px}.ac-head{align-items:flex-start}.ac-head h1{font-size:21px}.ac-refresh{padding:0 11px}.ac-types{grid-template-columns:1fr}.ac-tools{align-items:stretch;flex-direction:column}.ac-search{width:100%}.ac-card{grid-template-columns:42px minmax(0,1fr) 15px}.ac-kind{width:40px;height:40px}.ac-age{grid-column:2;justify-self:start}.ac-arrow{grid-column:3;grid-row:1/3}.ac-facts{grid-template-columns:1fr}.ac-flow-steps{grid-template-columns:1fr}.ac-flow-steps span{font-size:11px}}