.employee-workspace{width:100%;max-width:1320px;color:var(--color-text);text-align:left;margin:0 auto;padding:1.5rem 1.25rem 3rem}.employee-header{margin-bottom:1.5rem}.employee-header-kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent);margin:0 0 .35rem;font-size:.75rem;font-weight:700}.employee-header-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.employee-header h2{letter-spacing:-.02em;color:var(--color-text);margin:0;font-size:clamp(1.65rem,3vw,2.25rem);font-weight:700;line-height:1.2}.employee-header-subtitle{color:var(--color-text-muted);margin:.375rem 0 0;font-size:.9375rem}.employee-primary-btn{border-radius:var(--radius-md);background:var(--color-accent);color:#fff;cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;min-height:44px;padding:.625rem 1.125rem;font-size:.9375rem;font-weight:600;transition:background-color .14s;display:inline-flex}.employee-primary-btn:hover:not(:disabled){background:var(--color-accent-strong)}.employee-primary-btn:disabled{opacity:.6;cursor:not-allowed}.employee-secondary-btn{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-control);min-height:44px;color:var(--color-text);cursor:pointer;justify-content:center;align-items:center;gap:.375rem;padding:.5rem .9rem;font-size:.875rem;font-weight:600;transition:background-color .14s,border-color .14s;display:inline-flex}.employee-secondary-btn:hover:not(:disabled){background:var(--color-control-hover);border-color:var(--color-border-strong)}.employee-danger-btn{border-radius:var(--radius-sm);border:1px solid var(--color-danger);min-height:44px;color:var(--color-danger);cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:.5rem .9rem;font-size:.875rem;font-weight:600;transition:background-color .14s;display:inline-flex}.employee-danger-btn:hover:not(:disabled){background:#b4231814}.employee-primary-btn:focus-visible,.employee-secondary-btn:focus-visible,.employee-danger-btn:focus-visible,.employee-tab-pill:focus-visible,.employee-view-btn:focus-visible,.employee-day-pill:focus-visible,.employee-drawer-close:focus-visible,.employee-card-title-btn:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.employee-summary-strip{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:1.25rem;display:grid;overflow:hidden}.employee-summary-item{border-right:1px solid var(--color-border);padding:.875rem 1.125rem}.employee-summary-item:last-child{border-right:none}.employee-summary-label{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);font-size:.75rem;font-weight:600;display:block}.employee-summary-value{color:var(--color-text);margin-top:.25rem;font-size:1.375rem;font-weight:700;display:block}.employee-banner{border-radius:var(--radius-md);margin-bottom:1rem;padding:.875rem 1.125rem;font-size:.9375rem;font-weight:500}.employee-banner.error{border:1px solid var(--color-danger);color:var(--color-danger);background:#b423181a}.employee-banner.success{border:1px solid var(--color-success);color:var(--color-success);background:#147d4d1a}.employee-surface-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-surface);padding:1.25rem}.employee-toolbar{border-bottom:1px solid var(--color-border);flex-direction:column;gap:1rem;margin-bottom:1.25rem;padding-bottom:1.25rem;display:flex}.employee-toolbar-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.employee-search-wrap{flex:280px;max-width:460px;position:relative}.employee-search-input{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-control);width:100%;min-height:44px;color:var(--color-text);padding:.5rem 2.5rem .5rem .875rem;font-size:.9375rem}.employee-search-input:focus{outline:2px solid var(--color-focus);outline-offset:1px;border-color:var(--color-accent)}.employee-search-clear{min-width:36px;min-height:36px;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;font-size:.875rem;position:absolute;top:50%;right:.35rem;transform:translateY(-50%)}.employee-search-clear:hover{color:var(--color-text);background:var(--color-control-hover)}.employee-toolbar-controls{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.employee-status-select{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-control);min-height:44px;color:var(--color-text);padding:.5rem .875rem;font-size:.875rem;font-weight:600}.employee-view-switcher{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-subtle);gap:.25rem;padding:.2rem;display:inline-flex}.employee-view-btn{min-height:40px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.375rem .875rem;font-size:.875rem;font-weight:600;transition:background-color .12s,color .12s}.employee-view-btn.active{background:var(--color-surface);color:var(--color-text);box-shadow:0 1px 2px #0f172a14}.employee-area-tabs{flex-wrap:wrap;gap:.5rem;display:flex}.employee-tab-pill{border:1px solid var(--color-border);background:var(--color-control);min-height:44px;color:var(--color-text-muted);cursor:pointer;border-radius:999px;align-items:center;gap:.5rem;padding:.45rem .9rem;font-size:.875rem;font-weight:600;transition:background-color .12s,border-color .12s,color .12s;display:inline-flex}.employee-tab-pill:hover{background:var(--color-control-hover);color:var(--color-text)}.employee-tab-pill.active{background:var(--color-accent-soft);border-color:var(--color-accent);color:var(--color-accent)}.employee-tab-count{background:var(--color-surface-subtle);min-width:1.5rem;height:1.35rem;color:var(--color-text);border-radius:999px;justify-content:center;align-items:center;padding:0 .4rem;font-size:.75rem;font-weight:700;display:inline-flex}.employee-badge{white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;padding:.2rem .6rem;font-size:.75rem;font-weight:600;display:inline-flex}.employee-badge.area-proshop{color:var(--color-info);background:#2563eb1f;border-color:#2563eb47}.employee-badge.area-cafe{color:var(--color-warning-text);background:#d9770624;border-color:#d977064d}.employee-badge.area-volunteer{color:var(--color-success);background:#147d4d24;border-color:#147d4d4d}.employee-badge.status-active{color:var(--color-success);background:#147d4d1f;border-color:#147d4d40}.employee-badge.status-inactive{background:var(--color-surface-subtle);color:var(--color-text-muted);border-color:var(--color-border)}.employee-badge.timeoff-upcoming{color:var(--color-warning-text);background:#d977061f;border-color:#d9770647}.employee-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem;display:grid}.employee-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;justify-content:space-between;padding:1.125rem;transition:border-color .14s;display:flex}.employee-card:hover{border-color:var(--color-border-strong)}.employee-card-top{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.employee-card-title-btn{text-align:left;min-height:0;color:var(--color-text);cursor:pointer;background:0 0;border:none;padding:0;font-size:1.0625rem;font-weight:700}.employee-card-title-btn:hover{color:var(--color-accent);text-decoration:underline}.employee-card-position{color:var(--color-text-muted);margin:.2rem 0 0;font-size:.875rem}.employee-card-badges{flex-wrap:wrap;justify-content:flex-end;gap:.375rem;display:flex}.employee-card-meta{color:var(--color-text-muted);flex-direction:column;gap:.3rem;margin-top:.875rem;font-size:.875rem;display:flex}.employee-card-meta strong{color:var(--color-text);font-weight:600}.employee-card-footer{border-top:1px solid var(--color-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-top:1rem;padding-top:.875rem;display:flex}.employee-card-actions{flex-wrap:wrap;gap:.5rem;display:flex}.employee-table-wrap{width:100%;overflow-x:auto}.employee-table{border-collapse:collapse;width:100%;font-size:.875rem}.employee-table th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);border-bottom:1px solid var(--color-border);background:var(--color-surface-subtle);padding:.75rem .875rem;font-size:.75rem;font-weight:700}.employee-table td{border-bottom:1px solid var(--color-border);color:var(--color-text);vertical-align:middle;padding:.875rem}.employee-table tr:last-child td{border-bottom:none}.employee-table tbody tr:hover{background:var(--color-control-hover)}.employee-empty-state{text-align:center;border:1px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);padding:3rem 1.25rem}.employee-empty-state h3{color:var(--color-text);margin:0 0 .375rem;font-size:1.125rem}.employee-drawer-backdrop{z-index:200;background:var(--color-overlay);justify-content:flex-end;display:flex;position:fixed;inset:0}.employee-drawer{background:var(--color-surface);border-left:1px solid var(--color-border);width:min(620px,100vw);height:100vh;box-shadow:var(--shadow-popover);flex-direction:column;display:flex;overflow:hidden}.employee-drawer-header{border-bottom:1px solid var(--color-border);background:var(--color-surface);justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.25rem 1.5rem;display:flex}.employee-drawer-kicker{text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin:0 0 .25rem;font-size:.75rem;font-weight:700}.employee-drawer-title{color:var(--color-text);margin:0;font-size:1.35rem;font-weight:700}.employee-drawer-close{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-control);min-width:44px;min-height:44px;color:var(--color-text-muted);cursor:pointer;font-size:1.125rem}.employee-drawer-close:hover{background:var(--color-control-hover);color:var(--color-text)}.employee-drawer-body{flex-direction:column;flex:1;gap:1.75rem;padding:1.5rem;display:flex;overflow-y:auto}.employee-drawer-section{border-bottom:1px solid var(--color-border);padding-bottom:1.5rem}.employee-drawer-section:last-child{border-bottom:none;padding-bottom:0}.employee-drawer-section h4{color:var(--color-text);margin:0 0 .25rem;font-size:1.05rem;font-weight:700}.employee-drawer-section-desc{color:var(--color-text-muted);margin:0 0 1rem;font-size:.875rem}.employee-form-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.875rem;display:grid}.employee-field{flex-direction:column;gap:.35rem;display:flex}.employee-field label{color:var(--color-text);font-size:.8125rem;font-weight:600}.employee-field input,.employee-field select{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-control);width:100%;min-height:44px;color:var(--color-text);padding:.5rem .75rem;font-size:.9375rem}.employee-field input:focus,.employee-field select:focus{outline:2px solid var(--color-focus);outline-offset:1px;border-color:var(--color-accent)}.employee-days-grid{grid-template-columns:repeat(auto-fill,minmax(115px,1fr));gap:.5rem;margin-top:.5rem;display:grid}.employee-day-pill{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-control);min-height:44px;color:var(--color-text);cursor:pointer;padding:.45rem .65rem;font-size:.85rem;font-weight:600;transition:background-color .12s,border-color .12s}.employee-day-pill:hover{background:var(--color-control-hover)}.employee-day-pill.selected{color:var(--color-warning-text);background:#d9770624;border-color:#d9770673}.employee-timeoff-form{background:var(--color-surface-subtle);border:1px solid var(--color-border);border-radius:var(--radius-md);grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1.25rem;padding:1rem;display:grid}.employee-timeoff-reason-row{flex-wrap:wrap;grid-column:1/-1;align-items:flex-end;gap:.75rem;display:flex}.employee-timeoff-reason-row .employee-field{flex:220px}.employee-timeoff-list{flex-direction:column;gap:.625rem;display:flex}.employee-timeoff-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.875rem 1rem;display:flex}.employee-timeoff-dates{color:var(--color-text);font-size:.9rem;font-weight:700}.employee-timeoff-reason{color:var(--color-text-muted);margin-top:.2rem;font-size:.85rem}.employee-timeoff-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.employee-past-timeoff{border-top:1px solid var(--color-border);margin-top:1rem;padding-top:.875rem}.employee-past-timeoff summary{cursor:pointer;color:var(--color-text-muted);padding:.35rem 0;font-size:.875rem;font-weight:600}.employee-drawer-footer{border-top:1px solid var(--color-border);background:var(--color-surface);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:1rem 1.5rem;display:flex}.employee-drawer-footer-right{align-items:center;gap:.625rem;margin-left:auto;display:flex}@media (width<=640px){.employee-workspace{padding:1rem .875rem 2.5rem}.employee-summary-item{border-right:none;border-bottom:1px solid var(--color-border)}.employee-summary-item:last-child{border-bottom:none}.employee-timeoff-form{grid-template-columns:1fr}}