.role-preview{position:fixed;right:190px;top:22px;z-index:18;display:flex;align-items:center;gap:8px;padding:5px 7px 5px 10px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 5px 18px #22232c0b}.role-preview span{font:700 8px system-ui,sans-serif;letter-spacing:.08em;color:#9a7d30}.role-preview select{padding:5px 7px;border:0;background:#f3f1fb;color:#5947ae;font-size:9px}.range-tools,.attendance-actions{display:flex;gap:8px}.range-caption{margin:-10px 0 14px;color:var(--muted);font-size:10px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0 0 14px}.metric-card{padding:17px;background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:0 5px 20px #25273308}.metric-card p{margin:0 0 12px;font:700 9px system-ui,sans-serif;letter-spacing:.08em;color:var(--muted)}.metric-card strong{display:block;font:800 25px system-ui,sans-serif}.metric-card span{display:block;margin-top:4px;font-size:9px;color:var(--muted)}.metric-card .unmeasured{font-size:16px;color:#8c8f99}.breakdown-list{display:grid;gap:9px}.breakdown-row{display:grid;grid-template-columns:80px 1fr 24px;gap:9px;align-items:center;font-size:10px}.breakdown-row i{height:7px;border-radius:6px;background:linear-gradient(90deg,#7057d7,#9f8af3)}.formula-list{margin:0;padding-left:18px;color:var(--muted);font-size:10px;line-height:1.8}.ethics-note{margin-top:14px;padding:12px 14px;background:#f0edf9;border:1px solid #dfd8f4;border-radius:11px;color:#5947ae;font-size:10px}.pdks-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:14px}.manual-badge{padding:5px 7px;border-radius:7px;background:#fff2d9;color:#92611e;font:700 8px system-ui,sans-serif;letter-spacing:.08em}.time-table{display:grid;gap:8px}.time-row{display:grid;grid-template-columns:34px 1.2fr repeat(3,.7fr) 1.3fr;gap:9px;align-items:center;padding:10px;background:#f7f7f9;border-radius:10px;font-size:9px}.time-row strong,.time-row small{display:block}.time-row small{color:var(--muted);margin-top:2px}.time-value b{font-size:10px}.time-value span{display:block;color:var(--muted);margin-top:2px}.warning-text{color:var(--red)!important}.overtime-list{display:grid;gap:9px}.overtime-card{padding:12px;border:1px solid var(--line);border-radius:11px;background:#fafafd}.overtime-head{display:flex;justify-content:space-between;gap:8px}.overtime-head strong,.overtime-head small{display:block;font-size:10px}.overtime-head small{color:var(--muted);margin-top:2px}.status{padding:4px 7px;height:max-content;border-radius:7px;font:700 8px system-ui,sans-serif}.status.pending{background:#fff0d7;color:#95631c}.status.approved{background:#dff4eb;color:#176b53}.status.rejected{background:#f9e5e7;color:#a63e49}.overtime-numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:10px}.overtime-numbers div{padding:7px;background:#f1f1f5;border-radius:7px}.overtime-numbers b,.overtime-numbers span{display:block;font-size:8px}.overtime-numbers b{font-size:10px;margin-top:2px}.approval-actions{display:flex;gap:6px;margin-top:9px}.approval-actions button{padding:6px 8px;font-size:8px}.comp-warning{display:flex;gap:12px;align-items:center;padding:14px;margin-bottom:14px;border-radius:12px;background:#fff2dc;border:1px solid #ead2a9;color:#79541f}.comp-warning strong{font:700 11px system-ui,sans-serif}.comp-warning span{font-size:10px}.architecture{display:grid;grid-template-columns:220px 1fr;gap:22px}.matrix{display:grid;grid-template-columns:1fr 1fr;gap:8px}.matrix div{padding:11px;background:#f5f5f8;border-radius:9px}.matrix b,.matrix span{display:block;font-size:9px}.matrix span{color:var(--muted);margin-top:4px;line-height:1.4}.employee-mode .manager-only{display:none!important}.employee-mode #efficiencyPerson,.employee-mode #timeForm [name="personId"],.employee-mode #overtimeForm [name="personId"]{pointer-events:none;opacity:.65}
@media(max-width:1100px){.role-preview{right:145px}.metric-grid{grid-template-columns:repeat(2,1fr)}.pdks-grid{grid-template-columns:1fr}.time-row{grid-template-columns:34px 1fr 1fr 1fr}.time-row>:last-child{grid-column:2/-1}.architecture{grid-template-columns:1fr}}
@media(max-width:760px){.role-preview{position:static;margin:10px 14px 0;justify-content:space-between}.metric-grid{grid-template-columns:1fr 1fr}.range-tools,.attendance-actions{width:100%}.pdks-grid{grid-template-columns:1fr}.matrix{grid-template-columns:1fr}.time-row{grid-template-columns:30px 1fr 1fr}.time-row>:nth-child(n+4){grid-column:2/-1}}
@media(max-width:430px){.metric-grid{grid-template-columns:1fr}.role-preview span{font-size:7px}}
.account-actions,.daily-tools,.upload-panel{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:14px}.migration-summary{margin-top:12px;padding:12px;border:1px solid var(--line);border-radius:10px;background:#f8f8fa;font-size:11px;line-height:1.5}.upload-panel{padding:14px;border:1px dashed #cfd1d8;border-radius:12px}.upload-panel small{width:100%;color:var(--muted)}.upload-panel input{max-width:100%}.link-button{display:inline-flex;text-decoration:none}.link-button.disabled{opacity:.45;pointer-events:none}.timeline-item a{color:var(--violet);font-weight:700}.daily-tools{margin:0}.account-actions button:disabled,.upload-panel button:disabled{opacity:.5;cursor:not-allowed}
.comp-layout{display:grid;grid-template-columns:minmax(260px,.65fr) 1.35fr;gap:14px}.private-settings{display:grid;gap:10px;margin-bottom:14px}.private-settings>div span,.private-settings small{color:var(--muted);font-size:10px;line-height:1.5}.private-settings label{margin:0;font-size:10px}.private-settings input,.private-settings select{width:100%;margin-top:5px}.private-settings button{justify-self:start}@media(max-width:900px){.comp-layout{grid-template-columns:1fr}}
.control-grid{margin-top:14px}.control-form{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}.control-form label{margin:0}.control-form input,.control-form select{width:100%;margin-top:4px}.control-form button,.control-form fieldset{grid-column:1/-1}.control-form fieldset{display:flex;gap:10px;margin:0;padding:9px;border:1px solid var(--line);border-radius:9px}.control-form fieldset label{display:flex;align-items:center;gap:5px}.control-form fieldset input{width:auto;margin:0}.control-list{display:grid;gap:7px;margin-top:12px}.control-item{padding:10px;border:1px solid var(--line);border-radius:9px;background:#f8f8fa}.control-item strong,.control-item span{display:block;font-size:10px}.control-item span{margin-top:3px;color:var(--muted);line-height:1.4}.control-item button{margin-top:7px;padding:6px 8px;font-size:9px}.safe-note{display:block;margin-top:10px;color:var(--muted);font-size:9px}.integration-status{margin:12px 0;padding:12px;border-radius:10px;background:#fff2dc;color:#79541f}.integration-status strong,.integration-status span{display:block;font-size:10px}.integration-status span{margin-top:4px;line-height:1.45}@media(max-width:760px){.control-form{grid-template-columns:1fr}}
@media(max-width:760px){.daily-tools{width:100%}.daily-tools>*{flex:1}.history-columns label textarea{width:100%}}
.employee-mode .manager-only{display:none!important}
.one-time-secret{margin-top:12px;padding:12px;border:1px solid #d8ccef;border-radius:10px;background:#f4f0fb;color:#4f3b92;font:700 10px ui-monospace,SFMono-Regular,Menlo,monospace;line-height:1.7;word-break:break-all}.account-row .account-actions{align-items:flex-end}.account-row select{max-width:150px}.control-form>label:first-child:has(input[type="checkbox"]){display:flex;align-items:center;gap:7px}.safe-note{display:block;margin-top:10px;color:var(--muted);font-size:10px;line-height:1.5}

.work-accounting-summary{display:block;padding:9px 11px;border:1px solid #b5ddd4;border-radius:10px;background:#eff9f5;color:#245b50;font-size:12px;line-height:1.6}.work-accounting-summary span{display:block;color:#6b685e}