@font-face{font-family:Manrope;src:url('/manrope-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url('/manrope-600.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Manrope;src:url('/manrope-700.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:Manrope;src:url('/manrope-800.ttf') format('truetype');font-weight:800;font-display:swap}
:root{font-family:Manrope,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#29313a;background:#f5f6f8;font-synthesis:none;font-size:14px;letter-spacing:-.01em}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible{outline:3px solid #90aecb;outline-offset:3px}h1,h2,h3,p{margin:0}h1{font-size:28px;line-height:1.35;font-weight:750}h2{font-size:16px}h3{font-size:16px}.muted{color:#748092;line-height:1.6}.small{font-size:12px}.eyebrow{font-size:10px;letter-spacing:.13em;font-weight:750;color:#748092;margin-bottom:8px}.container{max-width:1240px;margin:0 auto;padding-left:24px;padding-right:24px}.header{background:white;border-bottom:1px solid #dce2e8;position:sticky;top:0;z-index:10;box-shadow:0 1px 3px #29313a06}.header-inner{max-width:1240px;margin:auto;padding:14px 24px;display:flex;gap:26px;align-items:center;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:750;white-space:nowrap}.header nav,.account{display:flex;align-items:center;gap:6px}.account{margin-left:auto;gap:10px;flex-wrap:wrap}.employee{font-size:12px;display:flex;gap:7px;align-items:center}.nav-link{padding:9px 12px;border-radius:6px;color:#526173;display:flex;gap:7px}.nav-link.active{background:#526b82;color:white}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:6px;padding:10px 16px;font-size:13px;font-weight:650;min-height:40px;transition:background .15s}.primary{background:#526b82;color:white}.primary:hover{background:#405b78}.secondary{background:white;border-color:#dce2e8;color:#526173}.secondary:hover{background:#f5f6f8}.shift-button{background:#fffbeb;color:#a16207;border-color:#fde68a;padding:8px 10px;font-size:12px}.timer{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0;padding:8px 10px;border-radius:5px;font:12px ui-monospace,monospace}.role{display:inline-block;border-radius:4px;font-size:10px;padding:3px 6px;background:#ecfdf5;color:#047857;border:1px solid #a7f3d0;white-space:nowrap}.role.operator{background:#e5edf6;color:#405b78;border-color:#dce2e8}.filter-bar{background:#ffffffd9;border-bottom:1px solid #dce2e8}.filters{display:flex;gap:8px;flex-wrap:wrap;padding-top:14px;padding-bottom:14px}.filter{padding:9px 15px;border:1px solid #dce2e8;border-radius:5px;background:white;color:#526173;font-size:12px;font-weight:650}.filter.selected{background:#526b82;border-color:#526b82;color:white}.main{padding-top:30px;padding-bottom:30px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px}.page-heading .muted{margin-top:6px;font-size:13px}.stats{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:24px}.stat{display:flex;gap:14px;align-items:center;background:white;border:1px solid #dce2e8;border-radius:10px;padding:18px 20px;box-shadow:0 1px 3px #29313a05}.stat-icon{width:42px;height:42px;border-radius:8px;display:grid;place-items:center;font-size:23px}.green{color:#059669;background:#d1fae5}.blue{color:#0284c7;background:#e0f2fe}.stat strong{display:block;font-size:23px;line-height:1.4}.stat div>span{font-size:12px;color:#748092}.card{background:white;border:1px solid #dce2e8;border-radius:10px;overflow:hidden;box-shadow:0 1px 3px #29313a05}.card-heading{padding:19px 20px;border-bottom:1px solid #e9edf1;display:flex;align-items:center;justify-content:space-between;gap:10px}.count{background:#f0f3f6;color:#526173;font-size:11px;padding:3px 7px;border-radius:5px;margin-left:6px;vertical-align:middle}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left}th{background:#f9fafb;color:#748092;text-transform:uppercase;letter-spacing:.05em;font-size:10px;padding:13px 20px;font-weight:700;white-space:nowrap}td{border-top:1px solid #edf0f3;padding:16px 20px;font-size:12px}td strong{font-weight:650;white-space:nowrap}.client-name{font-weight:650;font-size:13px}.align-right{text-align:right}tbody tr:hover{background:#f9fafc}.time-chip{font-size:10px;color:#526173;background:#f0f3f6;display:table;padding:3px 7px;border-radius:4px;margin-top:5px;white-space:nowrap}.night-row{background:#faf9ff}.time-chip.night{background:#ede9fe;color:#7c3aed}.location{color:#405b78;font-size:12px;white-space:nowrap}.delete-button{border:0;background:transparent;color:#b45353;padding:7px 8px;font-size:11px;border-radius:5px}.delete-button:hover{background:#fef2f2}.pagination{padding:16px 20px;border-top:1px solid #edf0f3;color:#748092;font-size:11px;display:flex;align-items:center;justify-content:space-between;gap:12px}.pagination>div{display:flex;align-items:center;gap:14px}.pagination .button{padding:6px 10px;min-height:32px;font-size:11px}.footnote{text-align:center;color:#9aa4b0;font-size:11px;margin-top:24px}.shift-callout{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#eaf0f6;border:1px solid #d7e2ed;border-radius:10px;padding:20px;margin-bottom:24px}.shift-callout p{color:#526173;font-size:12px;margin-top:5px;line-height:1.7}.shift-callout form{flex-shrink:0}.empty{text-align:center;padding:46px 12px;color:#748092}.empty>span{font-size:36px;color:#a7b7c7}.empty h3{color:#526173;margin:12px 0 8px}.wide{width:100%}.login-layout{min-height:100svh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at top,#e5edf6,transparent 65%)}.login-card{width:100%;max-width:420px;border:1px solid #dce2e8;background:white;border-radius:14px;padding:36px;box-shadow:0 14px 45px #29313a08}.login-brand{margin-bottom:32px;font-size:25px}.login-card h1{font-size:24px;margin:12px 0 8px}.login-card>.button{margin-top:24px}.login-foot{font-size:11px;text-align:center;color:#9aa4b0;margin-top:26px}.form-stack{display:flex;flex-direction:column;gap:18px;margin-top:26px}label{display:flex;flex-direction:column;gap:7px;color:#526173;font-size:12px;font-weight:650}input,select,textarea{width:100%;border:1px solid #dce2e8;border-radius:6px;background:white;color:#29313a;padding:11px 12px;min-width:0}input:focus,select:focus,textarea:focus{outline:2px solid #cad8e6;outline-offset:1px;border-color:#526b82}input::placeholder{color:#9aa4b0;font-weight:400}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.full{grid-column:1/-1}.modal{padding:0;border:1px solid #dce2e8;border-radius:12px;width:calc(100% - 32px);max-width:520px;color:#29313a;max-height:90svh;box-shadow:0 20px 65px #17212c33}.modal::backdrop{background:#17212c66;backdrop-filter:blur(3px)}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:16px;background:linear-gradient(110deg,#526b82,#405b78);color:white;padding:22px 24px}.modal-header h1,.modal-header h2{font-size:18px;font-weight:750}.modal-header p{font-size:12px;color:#ffffffcc;margin-top:5px}.close{border:0;background:transparent;color:white;font-size:25px;line-height:1;padding:5px;min-width:32px}.modal-body{padding:24px}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:0 24px 24px}.staff-layout{display:grid;grid-template-columns:320px 1fr;gap:24px;align-items:start}.staff-form{padding:24px}.subtext{display:block;color:#748092;font-size:11px;margin-top:5px;overflow-wrap:anywhere}.error,.notice{padding:12px 14px;color:#b91c1c;background:#fef2f2;border-radius:6px;margin-top:16px;font-size:12px;line-height:1.6}.notice{margin:16px auto 0;max-width:1192px;background:#fffbeb;color:#92400e}.report-stage{min-height:100svh;background:#29313a66;display:flex;align-items:center;justify-content:center;padding:24px}.report-card{width:100%;max-width:512px;background:white;border-radius:12px;overflow:hidden;border:1px solid #dce2e8;box-shadow:0 24px 70px #17212c25}.report-title{display:flex;gap:12px;align-items:center}.report-symbol{font-size:27px}.report-body{padding:24px}.report-dates{color:#526173;font-size:13px;line-height:1.8}.report-dates .small{font-size:10px}.report-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.report-stats>div{background:#f5f6f8;border-radius:8px;padding:16px}.report-stats strong{font-size:20px;display:block;line-height:1.5}.report-stats div>span:last-child{color:#748092;font-size:11px;display:block;margin-top:3px}.report-icon{font-size:23px;color:#526b82;display:block;margin-bottom:8px}.report-note{text-align:center;font-size:11px;color:#748092;line-height:1.6;margin:17px 4px}.copy-button{background:white;color:#405b78;border-color:#526b82;padding:12px}.copy-button:hover{background:#e5edf6}.report-help{font-size:13px;line-height:1.7;text-align:center;color:#526173;margin-top:20px}.report-footer{display:flex;gap:12px;padding:0 24px 24px}.report-footer form{flex:1}textarea{height:180px;margin-top:12px;font-size:12px;resize:vertical}
@media(max-width:1050px){.header-inner{gap:14px}.account{width:100%;margin:0;justify-content:flex-end}.employee{margin-right:auto}}@media(max-width:640px){.container{padding-left:16px;padding-right:16px}.header{position:static}.header-inner{padding:14px 16px;justify-content:space-between}.brand{font-size:18px}.account{gap:7px}.employee{width:100%;margin-bottom:4px}.account .button{min-height:36px;font-size:11px;padding:8px 10px}.timer{margin-right:auto;font-size:11px}.filter{font-size:11px;padding:8px 11px}.filters{gap:6px;padding-top:12px;padding-bottom:12px}.main{padding-top:24px}h1{font-size:24px}.page-heading{align-items:flex-start;flex-direction:column;gap:16px}.stats{gap:10px}.stat{padding:14px;gap:10px}.stat-icon{display:none}.stat strong{font-size:21px}.shift-callout{align-items:flex-start;flex-direction:column;padding:16px}.card-heading{padding:16px}.records table{min-width:670px}th,td{padding:13px 16px}.pagination{align-items:flex-start;flex-direction:column;padding:14px 16px}.pagination>div{width:100%;justify-content:space-between;gap:8px}.staff-layout{grid-template-columns:1fr}.staff-layout table{min-width:450px}.login-card{padding:28px}.modal-header{padding:20px}.modal-body{padding:20px}.modal-footer{padding:0 20px 20px}.form-grid{gap:16px}.report-stage{padding:16px}.report-body{padding:20px}.report-title{gap:8px}.report-symbol{display:none}.report-title h1{font-size:16px}.report-stats strong{font-size:17px}.report-stats>div{padding:14px}.report-footer{padding:0 20px 20px;flex-direction:column}.report-footer .button{min-height:44px}}

.icon{width:18px;height:18px;vertical-align:middle;flex-shrink:0}.stat-icon .icon,.report-icon .icon{width:22px;height:22px}.report-symbol .icon{width:26px;height:26px}.report-stats strong{font-size:19px}@media(max-width:640px){.report-stats strong{font-size:15px;line-height:1.6}.report-stats>div{padding:14px 12px}}
.credentials-modal{max-width:400px}.credentials-body{padding:28px 24px;text-align:center;display:flex;flex-direction:column;gap:14px}.credentials-success{width:56px;height:56px;border-radius:50%;background:#ecfdf5;color:#059669;border:1px solid #a7f3d0;display:grid;place-items:center;font-size:25px;margin:0 auto 2px}.credentials-body h2{font-size:20px}.credentials-body>.muted{font-size:12px}.credentials-values{padding:16px;background:#f5f6f8;border:1px solid #dce2e8;border-radius:8px;text-align:left;display:flex;flex-direction:column;gap:14px}.credentials-values>div{display:flex;align-items:baseline;justify-content:space-between;gap:18px}.credentials-values span{color:#748092;text-transform:uppercase;font-size:10px;letter-spacing:.05em}.credentials-values strong{font-family:ui-monospace,monospace;font-size:13px;overflow-wrap:anywhere;min-width:0;text-align:right;white-space:pre-wrap}.credentials-body .copied{background:#ecfdf5;color:#047857;border-color:#a7f3d0}.credentials-body textarea{height:110px;text-align:left}