.staff-page{color:#0f172a;box-sizing:border-box;background:#f8fafc;min-height:100vh;padding:28px 32px;font-family:Inter,Arial,sans-serif}.staff-page-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.staff-page-header h1{color:#0f172a;letter-spacing:-.5px;margin:0;font-size:26px;font-weight:700}.staff-page-header p{color:#64748b;margin:8px 0 0;font-size:14px}.add-staff-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#006bc4;border:none;border-radius:9px;justify-content:center;align-items:center;gap:9px;padding:12px 20px;font-size:14px;font-weight:600;transition:background .2s;display:inline-flex}.add-staff-btn:hover{background:#0055a3}.staff-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0f172a09}.staff-table-scroll{border-radius:12px;overflow-x:auto}.staff-table{border-collapse:collapse;text-align:left;width:100%;min-width:850px}.staff-table thead{background:#f1f5f9}.staff-table th{color:#475569;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e2e8f0;padding:18px 22px;font-size:12px;font-weight:700}.staff-table td{color:#0f172a;vertical-align:middle;border-bottom:1px solid #e2e8f0;height:48px;padding:15px 22px;font-size:14px}.staff-table tbody tr:last-child td{border-bottom:none}.staff-table tbody tr{transition:background .15s}.staff-table tbody tr:hover{background:#f8fafc}.staff-id{font-weight:500;color:#475569!important}.staff-name-cell{align-items:center;gap:14px;display:flex}.staff-avatar{border-radius:50%;justify-content:center;align-items:center;width:38px;min-width:38px;height:38px;font-size:13px;font-weight:700;display:flex}.staff-name{white-space:nowrap;font-weight:600}.avatar-blue{color:#1d4ed8;background:#dbeafe}.avatar-orange{color:#c2410c;background:#ffedd5}.avatar-green{color:#15803d;background:#dcfce7}.avatar-pink{color:#be185d;background:#fce7f3}.avatar-purple{color:#6d28d9;background:#ede9fe}.avatar-teal{color:#0f766e;background:#ccfbf1}.role-badge{white-space:nowrap;border-radius:8px;align-items:center;padding:7px 12px;font-size:12px;font-weight:600;display:inline-flex}.role-admin{color:#6d28d9;background:#ede9fe}.role-manager{color:#0f766e;background:#ccfbf1}.role-deputy{color:#b45309;background:#ffedd5}.role-staff{color:#1d4ed8;background:#dbeafe}.job-title{color:#334155!important}.status-badge{border-radius:9px;align-items:center;gap:8px;padding:7px 12px;font-size:12px;font-weight:600;display:inline-flex}.status-dot{background:currentColor;border-radius:50%;width:8px;height:8px}.status-active{color:#15803d;background:#dcfce7}.status-inactive{color:#b91c1c;background:#fee2e2}.staff-actions{align-items:center;gap:12px;display:flex}.edit-staff-btn{color:#006bc4;cursor:pointer;background:#fff;border:1px solid #dbe2ea;border-radius:8px;align-items:center;gap:8px;padding:8px 13px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.edit-staff-btn:hover{background:#eff6ff;border-color:#93c5fd}.more-action-btn{color:#475569;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.more-action-btn:hover{background:#f1f5f9}.action-menu-container{position:relative}.action-dropdown{z-index:20;background:#fff;border:1px solid #e2e8f0;border-radius:8px;min-width:130px;padding:5px;position:absolute;top:38px;right:0;box-shadow:0 8px 20px #0000001a}.action-dropdown button{color:#334155;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:5px;width:100%;padding:10px;font-size:13px}.action-dropdown button:hover{background:#f1f5f9}.staff-footer{color:#64748b;margin-top:16px;font-size:13px}@media (width<=768px){.staff-page{padding:20px 14px}.staff-page-header{flex-direction:column;align-items:flex-start}.staff-page-header h1{font-size:22px}.add-staff-btn{width:100%}}.cs-page{color:#0f172a;box-sizing:border-box;background:#f8fafc;min-height:100vh;padding:28px 32px;font-family:Inter,Arial,sans-serif}.cs-page *,.cs-page :before,.cs-page :after{box-sizing:border-box}.cs-page-header{margin-bottom:28px}.cs-page-header h1{letter-spacing:-.5px;color:#0f172a;margin:0;font-size:26px;font-weight:700}.cs-page-header p{color:#64748b;margin:8px 0 0;font-size:14px;line-height:1.6}.cs-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;width:100%;padding:28px 32px;box-shadow:0 2px 8px #0f172a09}.cs-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 28px;display:grid}.cs-field{flex-direction:column;gap:10px;min-width:0;display:flex}.cs-field label{color:#334155;font-size:13px;font-weight:600}.cs-input-wrapper{color:#64748b;background:#fff;border:1px solid #dbe2ea;border-radius:9px;align-items:center;gap:14px;width:100%;height:48px;padding:0 15px;transition:border-color .2s,box-shadow .2s;display:flex}.cs-input-wrapper:hover{border-color:#94a3b8}.cs-input-wrapper:focus-within{border-color:#006bc4;box-shadow:0 0 0 3px #006bc414}.cs-input-wrapper>svg{color:#64748b;flex-shrink:0}.cs-input-wrapper input{color:#0f172a;background:0 0;border:none;outline:none;width:100%;min-width:0;height:100%;font-family:inherit;font-size:14px;font-weight:500}.cs-input-wrapper input::placeholder{color:#94a3b8;font-weight:400}.cs-select-wrapper{cursor:pointer;position:relative}.cs-select-wrapper select,.cs-select-trigger{appearance:none;text-align:left;color:#0f172a;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;outline:none;flex:1;width:100%;min-width:0;height:100%;padding:0;font-family:inherit;font-size:14px;font-weight:500;overflow:hidden}.cs-select-wrapper select:invalid,.cs-select-trigger.cs-placeholder{color:#94a3b8;font-weight:400}.cs-chevron{pointer-events:none;color:#64748b;flex-shrink:0}.cs-search-dropdown{z-index:50;background:#fff;border:1px solid #e2e8f0;border-radius:12px;max-height:240px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 10px 25px -5px #0f172a1a,0 8px 10px -6px #0f172a0f}.cs-search-dropdown::-webkit-scrollbar{width:6px}.cs-search-dropdown::-webkit-scrollbar-track{background:0 0}.cs-search-dropdown::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.cs-search-option{cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;transition:background-color .14s,color .14s;display:flex}.cs-search-option:hover,.cs-search-option.cs-highlighted{background-color:#eff6ff}.cs-search-option.cs-selected{background-color:#dbeafe}.cs-search-option-name{color:#0f172a;font-size:14px;font-weight:600}.cs-search-option.cs-highlighted .cs-search-option-name,.cs-search-option.cs-selected .cs-search-option-name{color:#1d4ed8}.cs-search-option-meta{color:#64748b;background:#f1f5f9;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:500}.cs-search-no-results{text-align:center;color:#64748b;padding:14px 12px;font-size:13.5px}.cs-input-wrapper input[type=date]{cursor:pointer;color:#0f172a}.cs-input-wrapper input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.75}.cs-form-footer{border-top:1px solid #e2e8f0;align-items:center;gap:14px;margin-top:34px;padding-top:22px;display:flex}.cs-save-btn{color:#fff;cursor:pointer;background:#006bc4;border:none;border-radius:9px;justify-content:center;align-items:center;gap:9px;min-width:110px;height:44px;padding:0 20px;font-family:inherit;font-size:14px;font-weight:600;transition:background .2s;display:inline-flex}.cs-save-btn:hover:not(:disabled){background:#0055a3}.cs-save-btn:disabled{opacity:.65;cursor:not-allowed}.cs-cancel-btn{color:#006bc4;cursor:pointer;background:#fff;border:1px solid #93c5fd;border-radius:9px;justify-content:center;align-items:center;min-width:100px;height:44px;padding:0 20px;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.cs-cancel-btn:hover:not(:disabled){background:#eff6ff}.cs-cancel-btn:disabled{opacity:.65;cursor:not-allowed}.cs-message{border-radius:8px;margin-top:22px;padding:12px 16px;font-size:13px;font-weight:500}.cs-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.cs-success{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}@media (width<=768px){.cs-page{padding:20px 14px}.cs-page-header h1{font-size:22px}.cs-card{padding:22px 18px}.cs-form-grid{grid-template-columns:1fr;row-gap:20px}.cs-form-footer{margin-top:28px}}@media (width<=400px){.cs-save-btn,.cs-cancel-btn{flex:1}}.ssd-page{color:#0f172a;box-sizing:border-box;background:#f8fafc;min-height:100vh;padding:28px 32px;font-family:Inter,Arial,sans-serif}.ssd-page.ssd-embedded{background:0 0;min-height:auto;padding:0}.ssd-page *,.ssd-page :before,.ssd-page :after{box-sizing:border-box}.ssd-page-header{margin-bottom:28px}.ssd-page-header h1{letter-spacing:-.5px;color:#0f172a;margin:0;font-size:26px;font-weight:700}.ssd-page-header p{color:#64748b;margin:8px 0 0;font-size:14px;font-weight:400;line-height:1.6}.ssd-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;width:100%;overflow:hidden;box-shadow:0 2px 8px #0f172a09}.ssd-table-scroll{width:100%;overflow-x:auto}.ssd-table{border-collapse:collapse;table-layout:fixed;text-align:left;width:100%}.ssd-table thead{background:#f1f5f9}.ssd-table th{color:#475569;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e2e8f0;padding:18px 22px;font-size:12px;font-weight:700}.ssd-table td{color:#0f172a;vertical-align:middle;border-bottom:1px solid #e2e8f0;height:86px;padding:15px 22px;font-size:14px}.ssd-table tbody tr:last-child td{border-bottom:none}.ssd-table tbody tr{transition:background .15s}.ssd-table tbody tr:hover{background:#f8fafc}.ssd-staff-cell{align-items:center;gap:16px;display:flex}.ssd-avatar{color:#1d4ed8;background:#dbeafe;border-radius:50%;justify-content:center;align-items:center;width:42px;min-width:42px;height:42px;font-size:14px;font-weight:700;display:flex}.ssd-staff-name{color:#0f172a;font-size:14px;font-weight:500}.ssd-date-cell{color:#64748b;white-space:nowrap;align-items:center;gap:14px;font-size:14px;font-weight:500;display:flex}.ssd-date-cell svg{color:#64748b;flex-shrink:0}.ssd-table .ssd-empty{text-align:center;color:#64748b;height:130px;font-size:14px}.ssd-footer{color:#64748b;margin-top:16px;font-size:13px}@media (width<=768px){.ssd-page{padding:20px 14px}.ssd-page-header h1{font-size:22px}.ssd-table{min-width:520px}.ssd-table th,.ssd-table td{padding-left:16px;padding-right:16px}.ssd-table td{height:72px}.ssd-avatar{width:36px;min-width:36px;height:36px;font-size:12px}.ssd-staff-cell{gap:10px}}.sns-page{color:#0f172a;box-sizing:border-box;background:#f8fafc;min-height:100vh;padding:28px 32px;font-family:Inter,Arial,sans-serif}.sns-page.sns-embedded{background:0 0;min-height:auto;padding:0}.sns-page *,.sns-page :before,.sns-page :after{box-sizing:border-box}.sns-page-header{margin-bottom:28px}.sns-page-header h1{letter-spacing:-.5px;color:#0f172a;margin:0 0 12px;font-size:26px;font-weight:700}.sns-page-header p{color:#64748b;margin:4px 0;font-size:14px;font-weight:400;line-height:1.7}.sns-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;width:100%;padding:28px 32px;box-shadow:0 2px 8px #0f172a09}.sns-form-row{align-items:flex-end;gap:24px;width:100%;display:flex}.sns-search-field{flex-direction:column;flex:1;gap:10px;min-width:220px;display:flex}.sns-search-field label{color:#334155;font-size:13px;font-weight:600}.sns-input-wrapper{color:#64748b;background:#fff;border:1px solid #dbe2ea;border-radius:9px;align-items:center;gap:14px;width:100%;height:48px;padding:0 15px;transition:border-color .2s,box-shadow .2s;display:flex;position:relative}.sns-input-wrapper:hover{border-color:#94a3b8}.sns-input-wrapper:focus-within{border-color:#006bc4;box-shadow:0 0 0 3px #006bc414}.sns-input-wrapper>svg{color:#64748b;flex-shrink:0}.sns-input-wrapper input{color:#0f172a;background:0 0;border:none;outline:none;flex:1;width:100%;min-width:0;height:100%;font-family:inherit;font-size:14px;font-weight:500}.sns-input-wrapper input::placeholder{color:#94a3b8;font-weight:400}.sns-clear-search-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;margin:0;padding:4px;transition:color .15s,background .15s;display:flex}.sns-clear-search-btn:hover{color:#334155;background:#f1f5f9}.sns-search-dropdown{z-index:50;background:#fff;border:1px solid #dbe2ea;border-radius:9px;max-height:240px;margin:0;padding:6px 0;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #0f172a1f}.sns-search-option{cursor:pointer;flex-direction:column;gap:2px;padding:9px 14px;transition:background .15s;display:flex}.sns-search-option:hover,.sns-search-option.sns-highlighted{background:#f1f5f9}.sns-search-option.sns-selected{background:#eff6ff}.sns-search-option-name{color:#0f172a;font-size:14px;font-weight:600}.sns-search-option-meta{color:#64748b;font-size:12px}.sns-search-no-results{color:#64748b;padding:12px 14px;font-size:13px}.sns-staff-field{flex-direction:column;flex:1;gap:10px;min-width:250px;display:flex}.sns-staff-field label{color:#334155;font-size:13px;font-weight:600}.sns-select-wrapper{color:#64748b;background:#fff;border:1px solid #dbe2ea;border-radius:9px;align-items:center;gap:14px;width:100%;height:48px;padding:0 15px;transition:border-color .2s,box-shadow .2s;display:flex;position:relative}.sns-select-wrapper:hover{border-color:#94a3b8}.sns-select-wrapper:focus-within{border-color:#006bc4;box-shadow:0 0 0 3px #006bc414}.sns-select-wrapper>svg{color:#64748b;flex-shrink:0}.sns-select-wrapper select,.sns-select-trigger{appearance:none;text-align:left;white-space:nowrap;text-overflow:ellipsis;color:#0f172a;cursor:pointer;background:0 0;border:none;outline:none;flex:1;width:100%;min-width:0;height:100%;padding:0;font-family:inherit;font-size:14px;font-weight:500;overflow:hidden}.sns-select-wrapper select:invalid,.sns-select-trigger.sns-placeholder{color:#94a3b8;font-weight:400}.sns-chevron{pointer-events:none}.sns-employee-types{white-space:nowrap;align-items:center;gap:24px;min-height:48px;display:flex}.sns-radio-label{color:#334155;cursor:pointer;align-items:center;gap:10px;font-size:14px;font-weight:500;display:inline-flex;position:relative}.sns-radio-label input{opacity:0;cursor:pointer;width:22px;height:22px;margin:0;position:absolute}.sns-custom-radio{background:#fff;border:2px solid #94a3b8;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:all .2s;display:inline-flex}.sns-radio-label input:checked+.sns-custom-radio{background:#006bc4;border-color:#006bc4}.sns-radio-label input:checked+.sns-custom-radio:after{content:"";border-bottom:2px solid #fff;border-left:2px solid #fff;width:9px;height:5px;transform:rotate(-45deg)translateY(-1px)}.sns-radio-label input:focus-visible+.sns-custom-radio{outline-offset:3px;outline:3px solid #93c5fd}.sns-generate-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#006bc4;border:none;border-radius:9px;justify-content:center;align-items:center;gap:10px;min-width:140px;height:48px;padding:0 22px;font-family:inherit;font-size:14px;font-weight:600;transition:background .2s;display:inline-flex}.sns-generate-btn:hover:not(:disabled){background:#0055a3}.sns-generate-btn:disabled{opacity:.65;cursor:not-allowed}.sns-date-section{flex-direction:column;gap:10px;max-width:400px;margin-top:28px;display:flex}.sns-date-section label{color:#334155;font-size:13px;font-weight:600}.sns-date-wrapper{color:#64748b;background:#fff;border:1px solid #dbe2ea;border-radius:9px;align-items:center;gap:12px;height:48px;padding:0 15px;display:flex}.sns-date-wrapper:focus-within{border-color:#006bc4;box-shadow:0 0 0 3px #006bc414}.sns-date-wrapper input{color:#0f172a;cursor:pointer;background:0 0;border:none;outline:none;flex:1;min-width:0;height:100%;font-family:inherit;font-size:14px}.sns-message{border-radius:8px;margin-top:22px;padding:12px 16px;font-size:13px;font-weight:500}.sns-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.sns-success{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}@media (width<=1100px){.sns-form-row{flex-wrap:wrap;align-items:flex-end}.sns-search-field,.sns-staff-field{flex-basis:calc(50% - 12px);min-width:220px}}@media (width<=768px){.sns-page{padding:20px 14px}.sns-page-header h1{font-size:22px}.sns-card{padding:22px 18px}.sns-form-row{flex-direction:column;align-items:stretch;gap:20px}.sns-search-field,.sns-staff-field{flex-basis:100%;min-width:0}.sns-employee-types{flex-wrap:wrap;gap:18px}.sns-generate-btn{width:100%}.sns-date-section{max-width:100%}}.me-page{color:#0f172a;box-sizing:border-box;background:#f8fafc;min-height:100vh;padding:28px 32px;font-family:Inter,Arial,sans-serif}.me-page *,.me-page :before,.me-page :after{box-sizing:border-box}.me-page-header{margin-bottom:28px}.me-page-header h1{letter-spacing:-.5px;color:#0f172a;margin:0;font-size:26px;font-weight:700}.me-page-header p{color:#64748b;margin:8px 0 0;font-size:14px;line-height:1.6}.me-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;width:100%;box-shadow:0 2px 8px #0f172a09}.me-table-scroll{border-radius:12px;width:100%;overflow-x:auto}.me-table{border-collapse:collapse;text-align:left;width:100%;min-width:1100px}.me-table thead{background:#f1f5f9}.me-table th{color:#475569;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e2e8f0;padding:18px 22px;font-size:12px;font-weight:700}.me-table td{color:#0f172a;vertical-align:middle;border-bottom:1px solid #e2e8f0;height:78px;padding:15px 22px;font-size:14px}.me-table tbody tr:last-child td{border-bottom:none}.me-table tbody tr{transition:background .15s}.me-table tbody tr:hover{background:#f8fafc}.me-staff-cell{white-space:nowrap;align-items:center;gap:14px;display:flex}.me-avatar{color:#1d4ed8;background:#dbeafe;border-radius:50%;justify-content:center;align-items:center;width:38px;min-width:38px;height:38px;font-size:13px;font-weight:700;display:flex}.me-staff-name{color:#0f172a;font-size:14px;font-weight:600}.me-job-title{color:#334155;white-space:nowrap;font-size:14px;font-weight:500}.me-date-cell{color:#64748b;white-space:nowrap;align-items:center;gap:12px;font-size:14px;font-weight:500;display:inline-flex}.me-date-cell svg{color:#64748b;flex-shrink:0}.me-no-supervision{color:#64748b;font-size:14px;font-weight:500}.me-status-badge{color:#64748b;white-space:nowrap;background:#f1f5f9;border-radius:9px;align-items:center;gap:9px;padding:7px 12px;font-size:12px;font-weight:600;display:inline-flex}.me-status-dot{background:#64748b;border-radius:50%;width:8px;height:8px}.me-start-btn{color:#006bc4;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #93c5fd;border-radius:9px;justify-content:center;align-items:center;gap:9px;height:40px;padding:0 15px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.me-start-btn:hover{background:#eff6ff;border-color:#006bc4}.me-start-btn:active{transform:translateY(1px)}.me-start-btn:focus-visible{outline-offset:3px;outline:3px solid #93c5fd}.me-table .me-empty{text-align:center;color:#64748b;height:140px;font-size:14px}.me-footer{color:#64748b;margin-top:16px;font-size:13px}@media (width<=1024px){.me-page{padding:24px}}@media (width<=768px){.me-page{padding:20px 14px}.me-page-header h1{font-size:22px}.me-table th,.me-table td{padding-left:16px;padding-right:16px}.me-table td{height:72px}.me-avatar{width:36px;min-width:36px;height:36px}}.sr-page{color:#0f172a;box-sizing:border-box;background:#f8fafc;min-height:100vh;padding:28px 32px;font-family:Inter,Arial,sans-serif}.sr-page *,.sr-page :before,.sr-page :after{box-sizing:border-box}.sr-page-header{margin-bottom:28px}.sr-page-header h1{letter-spacing:-.5px;color:#0f172a;margin:0;font-size:26px;font-weight:700}.sr-page-header p{color:#64748b;margin:8px 0 0;font-size:14px;line-height:1.6}.sr-filter-card{background:#fff;border:1px solid #f1f5f9;border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-bottom:28px;padding:24px 28px;display:grid;box-shadow:0 2px 8px #0f172a09}.sr-filter-field{flex-direction:column;gap:10px;min-width:0;display:flex}.sr-filter-field label{color:#334155;font-size:13px;font-weight:600}.sr-select-wrapper{color:#64748b;cursor:pointer;background:#fff;border:1px solid #dbe2ea;border-radius:9px;align-items:center;gap:14px;width:100%;height:48px;padding:0 15px;transition:border-color .2s,box-shadow .2s;display:flex;position:relative}.sr-select-wrapper:hover{border-color:#94a3b8}.sr-select-wrapper:focus-within{border-color:#006bc4;box-shadow:0 0 0 3px #006bc414}.sr-select-wrapper>svg{color:#64748b;flex-shrink:0}.sr-select-wrapper select,.sr-select-trigger{appearance:none;text-align:left;color:#0f172a;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;outline:none;flex:1;width:100%;min-width:0;height:100%;padding:0;font-family:inherit;font-size:14px;font-weight:500;overflow:hidden}.sr-select-trigger.sr-placeholder{color:#94a3b8;font-weight:400}.sr-chevron{pointer-events:none;color:#64748b;flex-shrink:0}.sr-search-dropdown{z-index:50;background:#fff;border:1px solid #e2e8f0;border-radius:12px;max-height:240px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 10px 25px -5px #0f172a1a,0 8px 10px -6px #0f172a0f}.sr-search-dropdown::-webkit-scrollbar{width:6px}.sr-search-dropdown::-webkit-scrollbar-track{background:0 0}.sr-search-dropdown::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.sr-search-option{cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;transition:background-color .14s,color .14s;display:flex}.sr-search-option:hover,.sr-search-option.sr-highlighted{background-color:#eff6ff}.sr-search-option.sr-selected{background-color:#dbeafe}.sr-search-option-name{color:#0f172a;font-size:14px;font-weight:600}.sr-search-option.sr-highlighted .sr-search-option-name,.sr-search-option.sr-selected .sr-search-option-name{color:#1d4ed8}.sr-search-option-meta{color:#64748b;background:#f1f5f9;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:500}.sr-search-no-results{text-align:center;color:#64748b;padding:14px 12px;font-size:13.5px}.sr-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0f172a09}.sr-table-scroll{border-radius:12px;width:100%;overflow-x:auto}.sr-table{border-collapse:collapse;text-align:left;width:100%;min-width:1050px}.sr-table thead{background:#f1f5f9}.sr-table th{color:#475569;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e2e8f0;padding:18px 22px;font-size:12px;font-weight:700}.sr-table td{color:#0f172a;vertical-align:middle;border-bottom:1px solid #e2e8f0;height:78px;padding:15px 22px;font-size:14px}.sr-table tbody tr:last-child td{border-bottom:none}.sr-table tbody tr{transition:background .15s}.sr-table tbody tr:hover{background:#f8fafc}.sr-month{white-space:nowrap;font-weight:500}.sr-person{white-space:nowrap;align-items:center;gap:14px;font-weight:500;display:flex}.sr-avatar{color:#1d4ed8;background:#dbeafe;border-radius:50%;justify-content:center;align-items:center;width:38px;min-width:38px;height:38px;font-size:13px;font-weight:700;display:flex}.sr-status{white-space:nowrap;border-radius:9px;align-items:center;gap:9px;padding:7px 12px;font-size:12px;font-weight:600;display:inline-flex}.sr-status-dot{background:currentColor;border-radius:50%;width:8px;height:8px}.sr-status-completed{color:#15803d;background:#dcfce7}.sr-status-progress{color:#ea580c;background:#fff7ed}.sr-status-scheduled{color:#006bc4;background:#e8f2ff}.sr-status-overdue{color:#dc2626;background:#fee2e2}.sr-status-default{color:#64748b;background:#f1f5f9}.sr-date{color:#64748b;white-space:nowrap;align-items:center;gap:12px;font-size:14px;font-weight:500;display:inline-flex}.sr-date svg{color:#64748b;flex-shrink:0}.sr-download-btn{color:#006bc4;cursor:pointer;background:#eff6ff;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:inline-flex}.sr-download-btn:hover{color:#0055a3;background:#dbeafe;transform:translateY(-1px)}.sr-download-btn:active{transform:translateY(0)}.sr-download-btn:focus-visible{outline-offset:3px;outline:3px solid #93c5fd}.sr-table .sr-empty{text-align:center;color:#64748b;height:140px;font-size:14px}.sr-footer{color:#64748b;margin-top:16px;font-size:13px}@media (width<=1024px){.sr-filter-card{gap:14px;padding:20px}}@media (width<=768px){.sr-page{padding:20px 14px}.sr-page-header h1{font-size:22px}.sr-filter-card{grid-template-columns:1fr;gap:18px;padding:18px}.sr-table th,.sr-table td{padding-left:16px;padding-right:16px}}.supervision-page{color:#0f172a;box-sizing:border-box;background:#f8fafc;min-height:100vh;padding:28px 32px;font-family:Inter,Arial,sans-serif}.supervision-page *,.supervision-page :before,.supervision-page :after{box-sizing:border-box}.supervision-page-header{margin-bottom:28px}.supervision-page-header h1{letter-spacing:-.5px;color:#0f172a;margin:0;font-size:26px;font-weight:700}.supervision-page-header p{color:#64748b;margin:8px 0 0;font-size:14px}.supervision-filters{background:#fff;border:1px solid #e2e8f0;border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-bottom:26px;padding:28px 32px;display:grid;box-shadow:0 2px 8px #0f172a09}.supervision-staff-field{flex-direction:column;flex:1;gap:10px;min-width:0;display:flex}.supervision-staff-field label{color:#334155;font-size:13px;font-weight:600}.supervision-select-wrapper{color:#64748b;background:#fff;border:1px solid #dbe2ea;border-radius:9px;align-items:center;gap:14px;width:100%;height:48px;padding:0 15px;transition:border-color .2s,box-shadow .2s;display:flex;position:relative}.supervision-select-wrapper:hover{border-color:#94a3b8}.supervision-select-wrapper:focus-within{border-color:#006bc4;box-shadow:0 0 0 3px #006bc414}.supervision-select-wrapper>svg{color:#64748b;flex-shrink:0}.supervision-select-trigger{appearance:none;text-align:left;white-space:nowrap;text-overflow:ellipsis;color:#0f172a;cursor:pointer;background:0 0;border:none;outline:none;flex:1;width:100%;min-width:0;height:100%;padding:0;font-family:inherit;font-size:14px;font-weight:500;overflow:hidden}.supervision-select-trigger.supervision-placeholder{color:#94a3b8;font-weight:400}.supervision-filter-chevron{pointer-events:none;flex-shrink:0}.supervision-search-dropdown{z-index:50;background:#fff;border:1px solid #dbe2ea;border-radius:9px;max-height:240px;margin:0;padding:6px 0;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #0f172a1f}.supervision-search-option{cursor:pointer;flex-direction:column;gap:2px;padding:9px 14px;transition:background .15s;display:flex}.supervision-search-option:hover,.supervision-search-option.supervision-highlighted{background:#f1f5f9}.supervision-search-option.supervision-selected{background:#eff6ff}.supervision-search-option-name{color:#0f172a;font-size:14px;font-weight:600}.supervision-search-option-meta{color:#64748b;font-size:12px}.supervision-search-no-results{color:#64748b;padding:12px 14px;font-size:13px}.supervision-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0f172a09}.supervision-table-scroll{border-radius:12px;width:100%;overflow-x:auto}.supervision-table{border-collapse:collapse;text-align:left;width:100%;min-width:1000px}.supervision-table thead{background:#f1f5f9}.supervision-table th{color:#475569;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e2e8f0;padding:18px 22px;font-size:12px;font-weight:700}.supervision-table td{color:#0f172a;vertical-align:middle;border-bottom:1px solid #e2e8f0;height:78px;padding:15px 22px;font-size:14px}.supervision-table tbody tr:last-child td{border-bottom:none}.supervision-table tbody tr{transition:background .15s}.supervision-table tbody tr:hover{background:#f8fafc}.supervision-month{white-space:nowrap;font-weight:500}.supervision-person{white-space:nowrap;align-items:center;gap:14px;font-weight:500;display:flex}.supervision-avatar{border-radius:50%;justify-content:center;align-items:center;width:38px;min-width:38px;height:38px;font-size:13px;font-weight:700;display:flex}.manager-avatar{color:#0f766e;background:#ccfbf1}.employee-avatar{color:#1d4ed8;background:#dbeafe}.supervision-status{white-space:nowrap;border-radius:9px;align-items:center;gap:8px;padding:7px 12px;font-size:12px;font-weight:600;display:inline-flex}.supervision-status-dot{background:currentColor;border-radius:50%;width:8px;height:8px}.supervision-scheduled{color:#006bc4;background:#e8f2ff}.supervision-completed{color:#15803d;background:#dcfce7}.supervision-overdue{color:#dc2626;background:#fee2e2}.supervision-cancelled{color:#64748b;background:#f1f5f9}.supervision-date{color:#64748b;white-space:nowrap;align-items:center;gap:10px;display:inline-flex}.supervision-date svg{color:#64748b}.supervision-download-btn{color:#006bc4;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #dbe2ea;border-radius:8px;justify-content:center;align-items:center;gap:9px;padding:9px 14px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.supervision-download-btn:hover{background:#eff6ff;border-color:#93c5fd}.supervision-download-btn:active{transform:translateY(1px)}.supervision-download-btn:focus-visible{outline-offset:2px;outline:3px solid #93c5fd}.supervision-download-btn:disabled{opacity:.6;cursor:not-allowed}.supervision-table .supervision-empty{text-align:center;color:#64748b;height:130px;font-size:14px}.supervision-footer{color:#64748b;margin-top:16px;font-size:13px}@media (width<=1024px){.supervision-filters{gap:12px}.supervision-page{padding:24px}}@media (width<=768px){.supervision-page{padding:20px 14px}.supervision-page-header h1{font-size:22px}.supervision-filters{grid-template-columns:1fr;gap:12px;padding:14px}.supervision-table th,.supervision-table td{padding-left:16px;padding-right:16px}}.al-filter-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;grid-template-columns:1.4fr 1fr 1fr;align-items:end;gap:20px;margin-bottom:28px;padding:22px 26px;display:grid;box-shadow:0 2px 8px #0f172a09}.al-filter-field{flex-direction:column;gap:9px;min-width:0;display:flex}.al-filter-field label{color:#334155;font-family:Inter,Arial,sans-serif;font-size:13px;font-weight:600}.al-input-wrapper,.al-select-wrapper{color:#64748b;background:#fff;border:1px solid #cbd5e1;border-radius:9px;align-items:center;gap:12px;width:100%;height:46px;padding:0 14px;font-family:Inter,Arial,sans-serif;transition:border-color .2s,box-shadow .2s;display:flex;position:relative}.al-select-wrapper{cursor:pointer}.al-input-wrapper:hover,.al-select-wrapper:hover{border-color:#94a3b8}.al-input-wrapper:focus-within,.al-select-wrapper:focus-within{border-color:#006bc4;box-shadow:0 0 0 3px #006bc414}.al-input-wrapper>svg,.al-select-wrapper>svg{color:#64748b;flex-shrink:0}.al-input-wrapper input{color:#0f172a;background:0 0;border:none;outline:none;flex:1;width:100%;min-width:0;height:100%;font-family:inherit;font-size:14px;font-weight:500}.al-input-wrapper input::placeholder{color:#94a3b8;font-weight:400}.al-select-trigger{appearance:none;text-align:left;color:#0f172a;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;outline:none;flex:1;width:100%;min-width:0;height:100%;padding:0;font-family:inherit;font-size:14px;font-weight:500;overflow:hidden}.al-select-trigger.al-placeholder{color:#94a3b8;font-weight:400}.al-chevron{pointer-events:none;color:#64748b;flex-shrink:0}.al-search-dropdown{z-index:50;background:#fff;border:1px solid #e2e8f0;border-radius:12px;max-height:240px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 10px 25px -5px #0f172a1a,0 8px 10px -6px #0f172a0f}.al-search-dropdown::-webkit-scrollbar{width:6px}.al-search-dropdown::-webkit-scrollbar-track{background:0 0}.al-search-dropdown::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.al-search-option{cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;transition:background-color .14s,color .14s;display:flex}.al-search-option:hover,.al-search-option.al-highlighted{background-color:#eff6ff}.al-search-option.al-selected{background-color:#dbeafe}.al-search-option-name{color:#0f172a;font-size:14px;font-weight:600}.al-search-option.al-highlighted .al-search-option-name,.al-search-option.al-selected .al-search-option-name{color:#1d4ed8}.al-search-option-meta{color:#64748b;background:#f1f5f9;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:500}.al-search-no-results{text-align:center;color:#64748b;padding:14px 12px;font-size:13.5px}@media (width<=900px){.al-filter-card{grid-template-columns:1fr;gap:16px;padding:18px}}