:root{color-scheme:dark;--bg:#0b0d10;--panel:#12161c;--panel2:#171c23;--text:#f5f7fa;--muted:#9aa4b2;--line:#252d38;--good:#55d98b;--warn:#f7c65d}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}.shell{max-width:1400px;margin:0 auto;padding:28px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.brand{font-size:24px;font-weight:800;letter-spacing:-.03em}.sub{color:var(--muted);font-size:14px}.nav{display:flex;gap:10px;flex-wrap:wrap}.nav a{padding:9px 12px;background:var(--panel);border:1px solid var(--line);border-radius:10px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px}.card{background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:16px;padding:18px}.metric{font-size:30px;font-weight:800;margin-top:8px;letter-spacing:-.04em}.good{color:var(--good)}.warn{color:var(--warn)}.section{margin-top:18px}.section h2{font-size:18px;margin:0 0 12px}.actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.btn{background:#f4f6f8;color:#11151a;border:0;border-radius:10px;padding:10px 14px;font-weight:700;cursor:pointer}.btn.secondary,.input{background:var(--panel2);color:var(--text);border:1px solid var(--line)}.input{border-radius:10px;padding:10px 12px}table{width:100%;border-collapse:collapse;font-size:14px}td,th{padding:11px 9px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{color:var(--muted);font-weight:600}.num{text-align:right;white-space:nowrap}.badge{display:inline-flex;padding:4px 8px;border:1px solid var(--line);border-radius:999px;font-size:12px}.badge,.notice{color:var(--muted)}.notice{margin-top:12px;font-size:13px;line-height:1.5}pre{background:#090b0e;border:1px solid var(--line);border-radius:12px;padding:14px;overflow:auto}@media (max-width:1000px){.grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.shell{padding:16px}.grid{grid-template-columns:1fr}.topbar{align-items:flex-start;flex-direction:column}}.nav form{margin:0}.navButton{padding:9px 12px;background:var(--panel);border:1px solid var(--line);border-radius:10px;color:var(--muted);cursor:pointer}.loginWrap{max-width:470px;margin:8vh auto 0}.loginHeader{margin-bottom:18px}.loginCard{display:grid;grid-gap:18px;gap:18px;background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:18px;padding:22px}.rolePicker{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;margin-top:8px}.roleBtn{background:var(--panel);color:var(--muted);border:1px solid var(--line);border-radius:10px;padding:10px 8px;cursor:pointer}.roleBtn.active{background:#f4f6f8;color:#11151a;border-color:#f4f6f8;font-weight:750}.loginButton,.loginInput{width:100%}.loginError{color:#ff8585;font-size:14px}.employeeHero{display:grid;grid-template-columns:1.2fr 1fr 1fr;grid-gap:14px;gap:14px}.dayGrid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px}.dayCard{background:rgba(255,255,255,.025);border:1px solid var(--line);border-radius:12px;padding:14px}.dayAmount{font-size:22px;font-weight:800;margin-top:6px}.employeeTotal,.warrantyLine{display:flex;justify-content:space-between;align-items:center;gap:18px;border:1px solid var(--line);border-radius:12px;padding:14px}.warrantyLine{margin-bottom:12px;background:rgba(85,217,139,.05)}.employeeTotal{margin-top:18px;font-size:18px}.employeeTotal strong{color:var(--good);font-size:24px}select.input{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}@media (max-width:850px){.dayGrid,.employeeHero,.rolePicker{grid-template-columns:1fr}}.payrollToolbar{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.shiftTitle{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;margin-top:18px}.shiftTitle>div{border:1px solid var(--line);border-radius:12px;padding:13px}.teamOverride{display:flex;gap:10px;align-items:center;margin-top:14px;flex-wrap:wrap}.staffDays{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px}.staffDay{border:1px solid var(--line);border-radius:14px;padding:14px;background:rgba(255,255,255,.02)}.staffDayHeader{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:12px}.staffTeams{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.checkRow{display:flex;align-items:center;gap:8px;padding:6px 0;cursor:pointer}.checkRow input{width:17px;height:17px}.staffActions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px}.btn.ghost{background:transparent;border:1px solid var(--line);color:var(--muted)}.payTotals{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;margin-top:16px}.payTotals>div{border:1px solid var(--line);border-radius:12px;padding:13px;display:flex;justify-content:space-between;gap:10px}.deductionForm{display:grid;grid-template-columns:150px 155px 130px minmax(220px,1fr) auto;grid-gap:10px;gap:10px}.deductionList{margin-top:16px;display:grid;grid-gap:8px;gap:8px}.deductionRow{display:flex;justify-content:space-between;gap:16px;align-items:center;border:1px solid var(--line);border-radius:11px;padding:12px}.deleteBtn{margin-left:12px;background:transparent;color:var(--muted);border:0;cursor:pointer;text-decoration:underline}.floatingMessage{position:fixed;right:22px;bottom:22px;z-index:50;background:var(--panel2);border:1px solid var(--line);padding:12px 16px;border-radius:12px;box-shadow:0 12px 40px rgba(0,0,0,.35)}@media (max-width:950px){.deductionForm,.payTotals,.shiftTitle,.staffDays{grid-template-columns:1fr}}.historySection{margin-bottom:14px}.historyHeader{display:flex;align-items:center;justify-content:space-between;gap:14px}.shiftHistory{margin-top:15px;display:grid;grid-template-columns:repeat(4,minmax(190px,1fr));grid-gap:10px;gap:10px}.historyCard{display:block;color:inherit;text-decoration:none;border:1px solid var(--line);border-radius:13px;padding:13px;background:rgba(255,255,255,.02);transition:border-color .15s ease,background .15s ease}.historyCard:hover{background:rgba(255,255,255,.04)}.historyCard.active{border-color:rgba(85,217,139,.65);background:rgba(85,217,139,.055)}.historyCardTop{display:flex;justify-content:space-between;align-items:center;gap:9px}.historyMoney{font-size:21px;font-weight:800;margin:10px 0 4px}.goodBadge{color:var(--good)}@media (max-width:1050px){.shiftHistory{grid-template-columns:repeat(2,minmax(180px,1fr))}}@media (max-width:650px){.shiftHistory{grid-template-columns:1fr}}