.employees-view{display:none}.employees-view.active{display:block}.employee-shell{display:grid;grid-template-columns:310px minmax(0,1fr);gap:18px;margin-top:20px}.employee-sidebar,.employee-detail-card,.employee-kiosk,.employee-payroll-panel{border:1px solid #d7e0ed;border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(15,42,78,.05)}.employee-sidebar{padding:15px;align-self:start}.employee-search{display:grid;gap:6px;margin-bottom:12px;color:#41516b;font-size:11px;font-weight:800}.employee-search input,.employee-field input,.employee-field select,.employee-field textarea,.employee-job-form input,.employee-job-form select,.employee-payroll-form input,.employee-payroll-form select{width:100%;padding:10px 11px;border:1px solid #cbd8e9;border-radius:10px;background:#fff;color:#102543;font:inherit;box-sizing:border-box}.employee-list{display:grid;gap:8px}.employee-list button{display:grid;grid-template-columns:40px 1fr auto;gap:10px;align-items:center;width:100%;padding:10px;border:1px solid transparent;border-radius:12px;background:#f5f8fc;text-align:left;color:#102543}.employee-list button.active{border-color:#2377eb;background:#edf5ff}.employee-avatar{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#e5efff;color:#1469db;font-weight:900}.employee-list strong,.employee-list small{display:block}.employee-list small{margin-top:2px;color:#65738a}.employee-status{padding:4px 7px;border-radius:99px;background:#def6ea;color:#087451;font-size:9px;font-weight:900}.employee-status.inactive{background:#edf0f4;color:#657080}.employee-detail-card{padding:20px}.employee-detail-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.employee-detail-head h3{margin:3px 0 5px;font-size:24px}.employee-detail-head p{margin:0;color:#65738a}.employee-head-actions{display:flex;gap:8px;flex-wrap:wrap}.employee-tabs{display:flex;gap:6px;overflow:auto;margin:18px -2px 16px;padding:2px}.employee-tabs button{white-space:nowrap;padding:9px 11px;border:1px solid #d6e0ee;border-radius:9px;background:#fff;color:#38506f;font-weight:800}.employee-tabs button.active{border-color:#146ff0;color:#075fd1;background:#edf5ff}.employee-tab-panel{display:none}.employee-tab-panel.active{display:block}.employee-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.employee-field{display:grid;gap:6px;color:#31435e;font-size:11px;font-weight:800}.employee-field.wide{grid-column:1/-1}.employee-field textarea{min-height:88px;resize:vertical}.employee-note{padding:11px 13px;border-radius:11px;background:#eef5ff;color:#35506f;font-size:12px;line-height:1.5}.employee-savebar{display:flex;justify-content:flex-end;gap:8px;margin-top:15px;padding-top:15px;border-top:1px solid #e0e7f1}.employee-permission-table{overflow:auto;border:1px solid #dbe4ef;border-radius:12px}.employee-permission-table table{width:100%;border-collapse:collapse}.employee-permission-table th,.employee-permission-table td{padding:10px;border-bottom:1px solid #e6ecf4;text-align:center;font-size:11px}.employee-permission-table th:first-child,.employee-permission-table td:first-child{text-align:left}.employee-comp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.employee-comp-card{padding:14px;border:1px solid #dbe4ef;border-radius:13px;background:#f9fbfe}.employee-comp-card h4{margin:0 0 11px}.employee-comp-card .employee-form-grid{grid-template-columns:1fr 1fr}.employee-toggle{display:flex;gap:8px;align-items:center;margin-bottom:11px;font-weight:800}.employee-schedule-grid{display:grid;gap:8px}.employee-schedule-row{display:grid;grid-template-columns:120px 1fr 1fr 110px;gap:8px;align-items:center;padding:9px;border:1px solid #e0e7f0;border-radius:11px}.employee-clock-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.employee-clock-summary article{padding:12px;border-radius:12px;background:#f1f6fd}.employee-clock-summary span,.employee-clock-summary strong{display:block}.employee-clock-summary span{color:#65738a;font-size:10px}.employee-clock-summary strong{margin-top:5px;font-size:18px}.employee-kiosk{padding:18px;margin-top:16px;background:#0c1d39;color:#fff}.employee-kiosk-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.employee-kiosk h3{margin:0}.employee-kiosk p{margin:5px 0 0;color:#aec0da}.employee-kiosk-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:15px}.employee-kiosk-actions button{padding:13px 8px;border:0;border-radius:11px;background:#fff;color:#0c3974;font-weight:900}.employee-kiosk-actions button.primary{background:#1d79ec;color:#fff}.employee-history-list,.employee-job-list,.employee-payroll-list{display:grid;gap:8px}.employee-history-row,.employee-job-row,.employee-payroll-row{display:grid;grid-template-columns:1fr auto;gap:12px;padding:12px;border:1px solid #dfe7f1;border-radius:11px}.employee-history-row small,.employee-job-row small,.employee-payroll-row small{display:block;margin-top:4px;color:#66758c}.employee-job-row .money,.employee-payroll-row .money{font-weight:900}.employee-job-form,.employee-payroll-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:13px;padding:13px;border-radius:12px;background:#f2f7fd}.employee-job-form .wide,.employee-payroll-form .wide{grid-column:1/-1}.employee-payroll-period-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:13px}.employee-payroll-table{overflow:auto}.employee-payroll-table table{width:100%;border-collapse:collapse}.employee-payroll-table th,.employee-payroll-table td{padding:11px;border-bottom:1px solid #e0e7f0;text-align:right;font-size:12px}.employee-payroll-table th:first-child,.employee-payroll-table td:first-child{text-align:left}.employee-payroll-detail{margin-top:15px;padding:14px;border:1px solid #dbe5f1;border-radius:13px}.employee-payroll-detail h4{margin-top:0}.employee-payroll-detail-line{display:grid;grid-template-columns:1fr auto;gap:10px;padding:9px 0;border-top:1px solid #e4eaf2}.employee-payroll-detail-line:first-of-type{border-top:0}.employee-payroll-detail-line small{display:block;color:#66758c}.employee-empty{padding:28px;text-align:center;color:#68768b}.production-employee-retired{padding:18px;border:1px solid #cfe0f7;border-radius:14px;background:#f1f7ff}.production-employee-retired h4{margin:0 0 6px}.production-employee-retired p{margin:0 0 12px;color:#566b86}.order-employee-jobs{margin-top:14px;padding:16px;border:1px solid #cfe0ef;border-radius:15px;background:#f8fbff}.order-employee-jobs h3{margin:0 0 5px}.order-employee-jobs>p{margin:0 0 13px;color:#63758d}.order-job-create{display:grid;grid-template-columns:1.2fr 1fr .8fr .8fr 1.2fr auto;gap:8px;align-items:end}.order-job-create label{display:grid;gap:4px;font-size:10px;font-weight:800}.order-job-create input,.order-job-create select{width:100%;padding:8px;border:1px solid #cbd8e8;border-radius:8px;background:#fff;box-sizing:border-box}.order-job-list{display:grid;gap:8px;margin-top:11px}.order-job-list article{display:grid;grid-template-columns:1fr auto auto;gap:9px;align-items:center;padding:10px;border-radius:10px;background:#fff;border:1px solid #dce5ef}.order-job-list small{display:block;color:#65758b}.order-job-list select{padding:7px;border:1px solid #cbd8e8;border-radius:8px}.cloud-access-slot{margin-top:18px}.nega-cloud-users{padding:16px;border:1px solid #d8e4f1;border-radius:14px;background:#fff}.employee-danger{color:#a42620!important;border-color:#f0b8b5!important;background:#fff8f7!important}@media(max-width:1000px){.employee-shell{grid-template-columns:1fr}.employee-list{grid-template-columns:repeat(2,minmax(0,1fr))}.order-job-create{grid-template-columns:repeat(2,1fr)}.employee-job-form,.employee-payroll-form{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.employee-form-grid,.employee-comp-grid{grid-template-columns:1fr}.employee-field.wide{grid-column:auto}.employee-detail-head{display:grid}.employee-tabs{margin-left:-12px;margin-right:-12px;padding-left:12px}.employee-list{grid-template-columns:1fr}.employee-clock-summary,.employee-kiosk-actions{grid-template-columns:repeat(2,1fr)}.employee-schedule-row{grid-template-columns:1fr 1fr}.employee-job-form,.employee-payroll-form,.order-job-create{grid-template-columns:1fr}.employee-job-form .wide,.employee-payroll-form .wide{grid-column:auto}.employee-payroll-period-head{align-items:flex-start;flex-direction:column}}