:root{font-family:system-ui,sans-serif;color:#21382d;background:#f6f3ea;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{background:#173f32;color:#fff;padding:26px 24px}header>div{max-width:850px;margin:auto}.brand{font-family:Georgia,serif;font-size:25px;display:block}.eyebrow{display:block;font-size:10px;letter-spacing:3px;margin-top:8px;color:#e1d49f}main{max-width:900px;margin:auto;padding:28px 20px}h1{font-family:Georgia,serif;font-size:36px;font-weight:500;margin:10px 0}h2{font-size:19px;margin:0 0 14px}p{line-height:1.5}.event{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:#73784d}.card{background:#fff;border:1px solid #e0e3d8;border-radius:18px;padding:24px;margin:20px 0}.login{max-width:430px;margin:28px auto}.muted,.help{color:#6c756b;font-size:14px}.help,footer{text-align:center;margin:26px 0}.hours{font-size:48px;font-weight:600;margin:20px 0}.status{display:inline-block;border-radius:30px;background:#edf3e7;padding:7px 13px;font-size:13px}label{display:block;font-size:14px;margin:19px 0 7px}input,select,textarea{width:100%;font:inherit;border:1px solid #aab6a9;border-radius:9px;padding:14px;background:#fff}button{font:inherit;border:0;background:#21523e;color:#fff;border-radius:10px;min-height:48px;padding:12px 20px;cursor:pointer}button:disabled{opacity:.55;cursor:wait}button.primary{width:100%;margin-top:20px;font-weight:600;font-size:18px;min-height:58px}button.secondary{background:#e8edde;color:#244b37}button.link{background:none;color:#355b44;text-decoration:underline;font-size:13px}a{color:#34563e;font-size:13px}button:focus-visible,a:focus-visible{outline:3px solid #b78629;outline-offset:4px}#notice:not(:empty){padding:14px;border:1px solid #ba8a44;background:#fff4dc;border-radius:10px;line-height:1.5}.row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px}.grid .card{margin:0}.shift{padding:15px 0;border-bottom:1px solid #e8eadf}.shift:last-child{border:0}.bigpin{font-size:35px;letter-spacing:5px;font-weight:700}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:14px}th,td{padding:12px;text-align:left;border-bottom:1px solid #e2e6db;white-space:nowrap}.controls{display:flex;gap:10px;flex-wrap:wrap}.small{font-size:12px}#app.employee{max-width:470px;margin:auto}dialog{border:1px solid #d5dbcd;border-radius:16px;padding:25px;max-width:430px;width:calc(100% - 30px)}dialog::backdrop{background:#173c3299}
