:root{--ink:#202c29;--muted:#64716b;--paper:#f6f6f0;--line:#dce1d8;--teal:#194f42;--accent:#c5e5b1;--white:#fff;--error:#923825;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;min-height:46px;padding:11px 19px;border-radius:8px;font-weight:600;border:1px solid transparent;transition:background .15s}button:disabled{opacity:.48;cursor:wait}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #80ae40;outline-offset:3px}[hidden]{display:none!important}.header{height:100px;display:flex;align-items:center;padding:0 max(5vw,24px);gap:32px;border-bottom:1px solid var(--line)}.brand{font-size:36px;letter-spacing:-2px;font-weight:750}.brand span{font-size:12px;color:var(--teal);margin-left:3px}.environment{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.identity{display:flex;gap:20px;align-items:center;margin-left:auto;font-size:14px}main{max-width:1200px;margin:auto;padding:24px 36px 60px}nav{display:flex;gap:25px;border-bottom:1px solid var(--line);margin-bottom:20px}nav a{padding:14px 0;font-size:14px;color:var(--muted)}nav a[aria-current]{border-bottom:3px solid var(--teal);color:var(--teal);font-weight:650}.connection{font-size:12px;color:var(--muted);padding:8px 0}.connection::before{content:'●';color:#518244;font-size:9px;margin-right:8px}.connection.offline{color:var(--error)}.connection.offline::before{color:var(--error)}.message{background:#fff0d0;border:1px solid #e4c47d;border-radius:8px;padding:16px;margin:14px 0;line-height:1.55}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:34px 0 28px}h1{font-size:40px;letter-spacing:-1.7px;font-weight:550;margin:9px 0 12px;line-height:1.15}h2{font-size:23px;letter-spacing:-.6px;font-weight:600;margin:0 0 12px}h3{font-size:16px;margin:0 0 8px}p{line-height:1.6;margin:8px 0}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.16em;margin:0 0 8px}.muted{color:var(--muted)}.small{font-size:12px}.date-label{font-size:13px;color:var(--muted);white-space:nowrap}.card{background:var(--white);border:1px solid var(--line);border-radius:12px;padding:27px}.shift-card{background:var(--teal);color:#f8fff5;border-radius:14px;padding:32px;display:grid;grid-template-columns:1fr auto;gap:25px}.shift-card .eyebrow{color:#c0d8c9}.shift-card h2{font-size:29px}.shift-card p{color:#cee0d5;font-size:13px}.shift-clock{align-self:center;text-align:right}.shift-clock strong{display:block;font-weight:500;font-size:34px;letter-spacing:-1.2px}.shift-clock span{font-size:12px;color:#c0d8c9;display:block;margin-top:8px}.actions{display:flex;gap:12px;grid-column:1/-1}.primary{background:var(--teal);color:white}.primary:hover{background:#256450}.shift-card .primary{background:var(--accent);color:#173e31}.shift-card .primary:hover{background:#d4edc4}.secondary{border-color:#6f9485;background:transparent;color:white}.secondary:hover{background:#326353}.quiet{color:var(--teal);background:transparent;border-color:var(--line)}.quiet:hover{background:#eaf0e5}.section{margin-top:38px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.section-heading h2{margin:0}.periods{display:flex;background:#e9ece4;padding:4px;border-radius:9px;gap:2px}.periods button{font-size:12px;min-height:36px;padding:9px 13px;background:transparent;color:var(--muted)}.periods button[aria-pressed=true]{background:white;box-shadow:0 1px 3px #00000010;color:var(--ink)}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.metrics p{margin:0 0 19px;font-size:13px;color:var(--muted)}.metrics strong{display:block;font-size:27px;font-weight:550;letter-spacing:-1px}.metrics span{display:block;font-size:11px;margin-top:11px;color:var(--muted)}.scope-note{padding:13px 17px;background:#ecefe7;border-radius:8px;font-size:12px;color:var(--muted)}.history{background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden}.history-row{display:grid;grid-template-columns:1.5fr 1fr auto;align-items:center;gap:18px;padding:23px 25px;border-bottom:1px solid var(--line)}.history-row:last-child{border:0}.history-row p{margin:4px 0 9px}.row-time strong{font-size:15px;font-weight:600}.row-time span{display:block;margin-top:6px}.badge{display:inline-block;padding:4px 8px;border-radius:5px;font-size:10px;background:#edf0e9;color:#62715e}.badge.active{background:#e4f2db;color:#2b602e}.badge.break{background:#fff0ca;color:#825d12}.row-actions{display:flex;gap:8px}.row-actions button{font-size:12px;padding:9px 12px}.empty{padding:28px;color:var(--muted)}footer{max-width:1128px;margin:0 auto 30px;display:flex;justify-content:space-between;color:var(--muted);font-size:11px;border-top:1px solid var(--line);padding:22px 0;gap:20px}.login-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:100px;align-items:center;min-height:65vh;padding:30px 0}.intro h1{font-size:65px;line-height:1.08;letter-spacing:-3px;margin:24px 0}.intro>p:not(.eyebrow){max-width:370px;color:var(--muted)}.intro-line{width:60px;height:3px;background:#9eb77e;margin:34px 0}.login-card{padding:40px}.login-card h2{font-size:28px;margin-bottom:28px}label{display:block;font-size:12px;font-weight:600;margin-bottom:20px}input,textarea,select{display:block;width:100%;margin-top:9px;padding:12px;border:1px solid #cdd5cc;border-radius:7px;background:#fcfdf9;color:var(--ink);min-height:46px}textarea{resize:vertical}.full{width:100%;display:flex;justify-content:space-between;align-items:center}.login-card .small{margin-top:22px}.filter{margin:0;display:flex;align-items:center;gap:10px}.filter select{margin:0;min-width:180px}dialog{width:min(750px,94vw);border:1px solid var(--line);border-radius:15px;padding:30px;color:var(--ink);max-height:88vh;overflow:auto}dialog::backdrop{background:#172a2366;backdrop-filter:blur(3px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.dialog-top h2{margin:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.break-fields{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:center}.break-fields input{font-size:12px}.audit-entry{border-top:1px solid var(--line);padding:23px 0}.audit-snapshot{background:var(--paper);padding:14px;border-radius:8px}.audit-snapshot h4{margin:0 0 10px}.audit-snapshot p{font-size:12px}.error{color:var(--error);font-size:13px}
@media(max-width:760px){.header{height:78px;padding:0 22px;gap:15px}.brand{font-size:31px}.environment{display:none}.identity{font-size:12px;gap:10px}.identity button{font-size:11px;padding:8px 10px}main{padding:16px 20px 35px}.page-heading{margin:25px 0}.page-heading h1{font-size:32px}.page-heading .muted{font-size:13px}.date-label{display:none}.shift-card{padding:24px;grid-template-columns:1fr;gap:15px}.shift-card h2{font-size:25px}.shift-clock{text-align:left}.shift-clock strong{font-size:34px}.actions{display:grid;grid-template-columns:1fr;width:100%;margin-top:8px}.actions button{min-height:50px}.section-heading{align-items:flex-start;flex-direction:column}.section-heading h2{font-size:21px}.periods{width:100%}.periods button{flex:1}.metrics{grid-template-columns:1fr;gap:9px}.metrics .card{padding:20px;display:grid;grid-template-columns:1fr auto;align-items:center}.metrics p{margin:0}.metrics strong{font-size:22px}.metrics span{grid-column:1/-1;margin-top:7px}.history-row{grid-template-columns:1fr auto;padding:20px;gap:16px}.row-actions{grid-column:1/-1}.row-time{text-align:right}.row-actions button{flex:1}.history-row>h3{grid-column:1/-1}.history-row>span{grid-column:1/-1}.login-layout{grid-template-columns:1fr;gap:25px;padding:20px 0;min-height:auto}.intro h1{font-size:44px;letter-spacing:-2px;margin:15px 0}.intro-line,.intro>.muted{display:none}.login-card{padding:25px}.login-card h2{font-size:25px}.form-grid,.break-fields{grid-template-columns:1fr}.break-fields{padding:12px;background:var(--paper);margin-bottom:12px}.break-fields label{margin-bottom:5px}dialog{padding:22px}.dialog-top{align-items:flex-start}.dialog-top h2{font-size:21px}footer{margin:0 20px 25px;flex-direction:column;gap:8px}.scope-note{line-height:1.6}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}