:root{--ink:#17212b;--muted:#66717d;--paper:#f4f1e9;--card:#fffdfa;--line:#d9d4c9;--green:#17745b;--green2:#0f5946;--amber:#d39022;--red:#b3433d;--blue:#276d85}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.45 system-ui,-apple-system,"Segoe UI",sans-serif}button,.button,input{font:inherit}.shell,.admin-shell{max-width:1180px;margin:auto;padding:32px}.shell{max-width:880px;min-height:100vh;display:flex;flex-direction:column;justify-content:center}header{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px}h1{font-size:clamp(2rem,6vw,4rem);line-height:1;margin:.2rem 0 .7rem;letter-spacing:-.045em}h2{margin-top:0}.eyebrow{font-size:.75rem;font-weight:800;letter-spacing:.18em;color:var(--green)}p{color:var(--muted)}.clock{font-size:clamp(2rem,6vw,4rem);font-weight:750;font-variant-numeric:tabular-nums}.card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:28px;box-shadow:0 16px 45px #17212b12}.pin-card label,label{display:block;font-weight:700;margin-bottom:8px}input{width:100%;padding:15px;border:1px solid var(--line);border-radius:11px;background:white}.pin-card>input{text-align:center;font-size:2rem;letter-spacing:.35em;margin-bottom:20px}.actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}button,.button{border:1px solid var(--line);border-radius:10px;padding:12px 16px;background:white;color:var(--ink);font-weight:700;cursor:pointer;text-decoration:none}.actions button{min-height:72px;color:white;border:0;font-size:1.05rem}.start,.primary{background:var(--green);color:white}.pause{background:var(--amber)}.resume{background:var(--blue)}.end{background:var(--red)}button:hover,.button:hover{filter:brightness(.95)}#message{min-height:24px;text-align:center;font-weight:700}.success{color:var(--green)!important}.error{color:var(--red)!important}footer{display:flex;justify-content:space-between;margin-top:18px;color:var(--muted);font-size:.9rem}a{color:var(--green2)}.login{max-width:440px;margin:12vh auto}.login input{margin:8px 0 16px}.login button{width:100%;margin-bottom:12px}.header-actions{display:flex;gap:8px;align-items:center}.header-actions form{margin:0}.admin-grid{display:grid;grid-template-columns:360px 1fr;gap:20px;margin-bottom:20px}.add-form{display:grid;gap:9px;margin-bottom:20px}.employees{list-style:none;padding:0;margin:0}.employees li{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-top:1px solid var(--line)}small{display:block;color:var(--muted)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:11px;border-bottom:1px solid var(--line)}th{font-size:.78rem;text-transform:uppercase;color:var(--muted)}.table-wrap{overflow:auto}.tag{padding:4px 8px;border-radius:99px;background:#eee;font-size:.8rem;font-weight:750}.tag.start,.tag.resume{color:var(--green);background:#ddefe8}.tag.pause{color:#885b0d;background:#f5e8ca}.tag.end{color:var(--red);background:#f3deda}@media(max-width:760px){.shell,.admin-shell{padding:20px}header{align-items:flex-start;flex-direction:column}.actions,.admin-grid{grid-template-columns:1fr}.clock{order:-1}.actions button{min-height:62px}footer{gap:10px;flex-direction:column}.header-actions{flex-wrap:wrap}}
.small-button{padding:8px 11px;font-size:.85rem;white-space:nowrap}.wide-button{display:block;text-align:center;margin-top:18px}.employee-sheet{display:grid;gap:18px}.form-section h2{margin-bottom:18px}.form-grid{display:grid;gap:16px}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid label{margin:0}.form-grid input,.form-grid textarea{margin-top:7px}.form-grid textarea{width:100%;resize:vertical;padding:15px;border:1px solid var(--line);border-radius:11px;background:#fff;font:inherit}.span-two{grid-column:span 2}.check-label{display:flex!important;align-items:center;gap:10px;align-self:end;min-height:52px}.check-label input{width:auto;margin:0}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-bottom:24px}.form-error{padding:14px 18px;border-radius:11px;background:#f3deda;color:var(--red);font-weight:700}.status-section{margin-bottom:20px}.section-heading{display:flex;align-items:center;gap:10px}.section-heading h2{margin:0}.status-badge{display:inline-flex;min-width:30px;height:30px;align-items:center;justify-content:center;border-radius:99px;font-weight:800}.active-status{background:#ddefe8;color:var(--green)}.inactive-status{background:#ebe9e4;color:var(--muted)}.employee-table{margin-top:14px}.employee-table td{vertical-align:middle}.row-actions{display:flex;gap:7px;align-items:center}.row-actions form{margin:0}@media(max-width:900px){.form-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.form-grid.three,.form-grid.two{grid-template-columns:1fr}.span-two{grid-column:auto}.form-actions{flex-direction:column-reverse}.form-actions .button,.form-actions button{text-align:center;width:100%}}
select{width:100%;padding:15px;border:1px solid var(--line);border-radius:11px;background:#fff;font:inherit}.schedule-toolbar{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:20px}.schedule-toolbar form{min-width:220px}.schedule-toolbar label{margin:0}.week-navigation{display:flex;gap:8px}.schedule-grid{display:grid;grid-template-columns:320px minmax(0,1fr);gap:20px;margin-bottom:20px}.time-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.department-section{margin-bottom:24px}.department-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.department-chip,.source-badge{display:inline-flex;padding:5px 10px;border-radius:99px;font-size:.82rem;font-weight:750}.department-chip{background:#ebe9e4;color:var(--ink)}.actual-source{background:#ddefe8;color:var(--green)}.plan-source{background:#e1ebf0;color:var(--blue)}.inline-form{display:flex;gap:8px;max-width:520px}.inline-form button{white-space:nowrap}.danger-button{padding:7px 9px;color:var(--red);font-size:.8rem}@media(max-width:960px){.schedule-grid{grid-template-columns:1fr}.schedule-toolbar{align-items:stretch;flex-direction:column}.week-navigation{flex-wrap:wrap}}@media(max-width:520px){.time-fields{grid-template-columns:1fr}.inline-form{flex-direction:column}}
.time-block{border:1px solid var(--line);border-radius:12px;padding:14px;margin:0 0 12px}.time-block legend{padding:0 6px;font-weight:800;color:var(--muted);font-size:.85rem}#work-times{padding-top:2px}
.contract-history{margin-bottom:20px}.contract-form{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr)) auto;gap:12px;align-items:end;margin-top:20px}.contract-form label{margin:0}@media(max-width:900px){.contract-form{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.contract-form{grid-template-columns:1fr}}