:root{font-family:system-ui,-apple-system,sans-serif;color:#17202a;background:#eef2f5}*{box-sizing:border-box}body{margin:0}main{max-width:1100px;margin:auto;padding:18px}header{text-align:center;margin:10px 0 20px}h1{margin:0}.live{font-size:1.2rem;font-weight:700;margin-top:8px}.card{background:white;border-radius:18px;padding:24px;box-shadow:0 8px 28px #0002;margin-bottom:18px}label{display:block;font-weight:700;margin:12px 0}input,select{display:block;width:100%;font:inherit;font-size:1rem;padding:12px;margin-top:6px;border:2px solid #aeb8c2;border-radius:10px}button,.button-link{width:100%;border:0;border-radius:12px;padding:14px;font-size:1rem;font-weight:800;margin:8px 0;text-align:center;text-decoration:none;display:block}.huge{min-height:74px;font-size:1.35rem}.primary{background:#1261a0;color:white}.secondary{background:#f0ad00;color:#111}.danger{background:#b42318;color:white}.link,.button-link{background:#e8edf2;color:#17202a}.small{width:auto;padding:9px 14px}.status{text-align:center;padding:12px;border-radius:10px;font-weight:800}.on{background:#d5f5df}.off{background:#e8edf2}.break{background:#fff0bf}.flash{padding:12px;margin:10px 0;border-radius:10px;font-weight:700}.success{background:#d5f5df}.error{background:#ffd9d5}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;align-items:end}.row{display:flex;justify-content:space-between;gap:12px;align-items:center}.employee-box,.shift{border:1px solid #ccd5dd;border-radius:12px;padding:14px;margin:12px 0}.check{display:flex;align-items:center;gap:9px}.check input{width:auto;margin:0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:9px;border-bottom:1px solid #d7dee5;text-align:left;white-space:nowrap}summary{cursor:pointer;padding:8px}small{font-weight:400}