:root{color-scheme:light;--rossko-red:#e51d2a;--rossko-dark:#9b1420;--surface:#fff;--canvas:#f3f4f6;--stroke:#e2e5e9;--ink:#20242a;--muted:#68717d;--soft-red:#fff0f1;--shadow:0 12px 36px #1b24300d}
.release-row{padding:10px 0;border-top:1px solid var(--stroke)}
.tabs{position:static;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;overflow:visible;padding:0;margin:14px 0 16px;background:transparent;border:0;backdrop-filter:none}
.tab{min-width:0;min-height:44px;white-space:normal;text-align:center;line-height:1.2}
body{background:linear-gradient(180deg,#fff 0,#f4f5f7 220px);color:var(--ink)}.wrap{max-width:1180px;padding:24px 20px 70px}.brand{gap:14px;margin:0 0 22px}.mark{background:var(--rossko-red);padding:12px 16px;border-radius:12px;box-shadow:0 6px 15px #e51d2a24;letter-spacing:.02em}.brand h1{font-size:22px;letter-spacing:-.02em}.brand p{font-size:13px;color:var(--muted)}.card{border:1px solid var(--stroke);border-radius:18px;padding:22px;margin:14px 0;box-shadow:var(--shadow)}.card h2{font-size:18px;letter-spacing:-.015em;margin-bottom:14px}.card h3{margin:22px 0 10px}.note,.status{color:var(--muted);line-height:1.55}.primary{background:var(--rossko-red);border-radius:11px;min-height:44px;padding:10px 16px;box-shadow:0 3px 8px #e51d2a1a}.primary:hover{background:#cc1824}.secondary,.danger{min-height:42px;border-radius:11px;padding:9px 13px}.danger{border-color:#f0c8cb;background:#fff8f8}input,textarea,select{min-height:44px;border-color:#d8dce1;border-radius:11px;padding:10px 12px}input:focus,textarea:focus,select:focus{outline:3px solid #e51d2a20;border-color:#e51d2a}textarea{min-height:120px}.tabs{position:sticky;top:0;z-index:10;gap:7px;padding:10px 0;margin:10px 0 16px;background:#f4f5f7eF;backdrop-filter:blur(14px);border-bottom:1px solid #e2e5e9;scrollbar-width:thin}.tab{border-radius:11px;padding:10px 13px;color:#4c535c}.tab.active{background:var(--soft-red);border-color:#f0b8bd;color:var(--rossko-dark)}.table-wrap{max-width:100%;overscroll-behavior-x:contain;border:1px solid #edf0f2;border-radius:12px}.table-wrap table{min-width:600px;margin:0}.table-wrap th,.table-wrap td{padding:9px 10px}th{background:#f8f9fa;position:sticky;top:0}.report-upload{background:#fbfbfc;border-color:#e7e9ed;border-radius:14px;padding:14px}.employee-check,.schedule-cell,.permissions-grid .checkline{border-color:#e5e8ec;border-radius:11px;background:#fff}.item{gap:16px}.status{min-height:20px}.hidden{display:none!important}#loginCard{max-width:540px;margin:clamp(28px,8vh,90px) auto;padding:clamp(22px,5vw,34px)}#loginCard h2{font-size:22px}#loginForm{grid-template-columns:1fr}.admin-account{border-color:#edf0f2}.admin-account .row{gap:8px}.admin-account .row input{flex:1}
@media(max-width:700px){.wrap{padding:14px 12px calc(30px + env(safe-area-inset-bottom))}.brand{margin-bottom:15px}.brand h1{font-size:18px}.card{padding:16px;border-radius:15px;margin:10px 0}.tabs{grid-template-columns:repeat(3,minmax(0,1fr));margin:8px 0 13px;padding:0}.tab{padding:9px 5px;font-size:12px}.grid{grid-template-columns:1fr}.report-cards{grid-template-columns:1fr}.report-upload{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px;align-items:center}.report-upload h3{grid-column:1/-1}.report-upload input{min-width:0}.report-upload .status{grid-column:1/-1;margin:0}.report-upload .primary{grid-column:1/-1}.table-wrap{margin-left:-2px;margin-right:-2px}.schedule-grid{grid-template-columns:repeat(auto-fill,minmax(78px,1fr))}.employee-checks{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-check{font-size:13px}.permissions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-account .row{align-items:stretch}.admin-password-reset{max-width:none}#loginCard{margin:8vh auto 0}.table-wrap table{font-size:12px}}
@media(max-width:380px){.employee-checks{grid-template-columns:1fr}.report-upload{grid-template-columns:1fr}.report-upload h3,.report-upload .status,.report-upload .primary{grid-column:auto}.mark{font-size:15px;padding:10px 12px}.brand{gap:10px}}