:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#eef2f5;--surface:#fff;--text:#17212b;--muted:#5e6b78;--border:#d9e1e8;--accent:#c62828;--accent-dark:#9f1f1f;--blue:#1769aa;--green:#2e7d32;--amber:#b26a00;--shadow:0 1px 2px #17212b14}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;color:var(--text);margin:0;font-family:Arial,Helvetica,sans-serif}.app-shell{width:min(1280px,100% - 32px);margin:0 auto;padding:24px 0 40px}.topbar{justify-content:space-between;align-items:center;gap:24px;padding:8px 0 20px;display:flex}.eyebrow{color:var(--accent);text-transform:uppercase;margin:0 0 6px;font-size:14px;font-weight:700}h1{margin:0;font-size:34px;line-height:1.1}h2,h3,p{margin-top:0}p{color:var(--muted);line-height:1.6}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.68}input,select,textarea{border:1px solid var(--border);width:100%;color:var(--text);background:#fff;border-radius:6px;padding:10px 12px}textarea{resize:vertical;min-height:78px}label{color:var(--muted);gap:6px;font-size:13px;font-weight:700;display:grid}.user-switch{width:min(420px,100%)}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.metric{border:1px solid var(--border);border-left:4px solid var(--blue);background:var(--surface);min-height:86px;box-shadow:var(--shadow);border-radius:8px;padding:16px}.metric span{color:var(--muted);font-size:13px;font-weight:700;display:block}.metric strong{margin-top:8px;font-size:28px;display:block}.metric.warning{border-left-color:var(--amber)}.tabs{align-items:center;gap:8px;margin-bottom:12px;display:flex;overflow-x:auto}.tabs button{border:1px solid var(--border);background:var(--surface);min-height:42px;color:var(--text);white-space:nowrap;border-radius:6px;padding:0 16px}.tabs button.active{border-color:var(--accent);background:var(--accent);color:#fff}.tabs .export-button{border-color:var(--green);background:var(--green);color:#fff;margin-left:auto}.notice{color:#6d4a00;background:#fff7df;border:1px solid #f0d48a;border-radius:8px;margin-bottom:12px;padding:12px 14px}.workspace{gap:16px;display:grid}.two-columns{grid-template-columns:minmax(320px,.85fr) minmax(420px,1.15fr)}.panel{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:8px;padding:18px}.section-heading{justify-content:space-between;gap:12px;margin-bottom:14px;display:flex}.section-heading h2{margin:0;font-size:20px}.section-heading p{margin:4px 0 0}.section-heading span{min-width:36px;color:var(--blue);text-align:center;background:#edf4fb;border-radius:6px;align-self:start;padding:6px 8px;font-weight:700}.shift-list,.employee-list,.position-list,.absence-list,.log-list{gap:10px;display:grid}.shift-row{border:1px solid var(--border);width:100%;color:var(--text);text-align:left;background:#fff;border-radius:8px;grid-template-columns:1fr auto;gap:4px 10px;padding:12px;display:grid}.shift-row.active{border-color:var(--accent);background:#fff4f4}.shift-row small{color:var(--muted);grid-column:1/-1}.compact-form{border-top:1px solid var(--border);gap:12px;margin-top:18px;padding-top:18px;display:grid}.compact-form h3{margin:0;font-size:18px}.compact-form button,.inline-form button{background:var(--accent);color:#fff;border-radius:6px;min-height:42px;padding:0 16px;font-weight:700}.assignment-table{border:1px solid var(--border);border-radius:8px;display:grid;overflow:hidden}.assignment-row{border-bottom:1px solid var(--border);grid-template-columns:minmax(180px,.85fr) minmax(220px,1.15fr);align-items:center;gap:12px;padding:12px;display:grid}.assignment-row:last-child{border-bottom:0}.assignment-row strong,.assignment-row span{display:block}.assignment-row span{color:var(--muted);margin-top:4px;font-size:12px}.employee-card,.absence-card,.log-row{border:1px solid var(--border);background:#fff;border-radius:8px;padding:14px}.employee-card h3{margin:0 0 4px;font-size:17px}.employee-card p,.absence-card p,.log-row p{margin-bottom:0}.employee-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.employee-grid>span{color:var(--muted);background:#f4f7f9;border-radius:6px;padding:10px}.position-row{grid-template-columns:minmax(180px,1fr) minmax(140px,.7fr);align-items:center;gap:10px;display:grid}.position-row span{color:var(--muted)}.inline-form{border-top:1px solid var(--border);grid-template-columns:1fr auto;gap:10px;margin-top:14px;padding-top:14px;display:grid}.absence-card{gap:4px;display:grid}.absence-card span{width:fit-content;color:var(--blue);background:#edf4fb;border-radius:6px;padding:4px 8px;font-weight:700}.absence-card small{color:var(--muted)}.log-row{grid-template-columns:170px minmax(160px,.8fr) minmax(160px,.7fr) 1fr;align-items:center;gap:10px;display:grid}.log-row time,.log-row span{color:var(--muted)}@media (max-width:640px){.app-shell{width:min(100% - 24px,1120px);padding:16px 0 28px}.topbar,.section-heading{flex-direction:column;align-items:stretch}h1{font-size:28px}.stats-grid,.two-columns,.assignment-row,.employee-grid,.position-row,.inline-form,.log-row{grid-template-columns:1fr}.tabs .export-button{margin-left:0}}