:root{--navy:#172b36;--ink:#17242d;--gold:#e6bb58;--green:#168464;--paper:#f4f1e9;--line:#d9dedc}*{box-sizing:border-box}body{margin:0;background:#eef1f0;color:var(--ink);font:15px/1.4 Inter,system-ui,sans-serif}header{background:var(--navy);color:#fff;padding:16px max(18px,calc((100vw - 1050px)/2));display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:4;box-shadow:0 4px 14px #0002}.brand{display:flex;align-items:center;gap:12px}.mark{font:900 italic 32px Arial;color:var(--gold)}small{font-size:10px;letter-spacing:1.8px;opacity:.72}h1{font-size:21px;margin:0}button{border:0;border-radius:9px;background:var(--gold);color:#15232d;font-weight:750;padding:11px 14px;cursor:pointer}main{max-width:1050px;margin:auto;padding:18px}.daybar,.meta,.handoff{background:white;border-radius:14px;padding:17px;margin-bottom:14px;box-shadow:0 2px 9px #192f3b10}.daybar{display:flex;justify-content:space-between;align-items:center}.daybar span{display:block;color:#687780;font-size:12px;text-transform:uppercase;letter-spacing:1px}.daybar strong{font-size:20px}.progress{text-align:right}.progress>b{font-size:21px}.progress span{display:block;width:130px;height:7px;background:#e3e7e5;border-radius:9px;overflow:hidden}.progress i{display:block;height:100%;width:0;background:var(--green);transition:.3s}.meta{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:end}label{font-size:12px;color:#63717a;font-weight:700}input,textarea{width:100%;border:1px solid #ccd4d2;border-radius:9px;background:#fafbf9;padding:11px;font:inherit;margin-top:5px}.shift-title{background:var(--navy);color:#fff;border-left:7px solid var(--gold);padding:12px 15px;margin:22px 0 8px;border-radius:8px;display:flex;justify-content:space-between}.shift-title h2{font-size:16px;margin:0}.task{display:grid;grid-template-columns:48px 1fr;gap:12px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:13px;margin:8px 0;transition:.2s}.task.done{border-color:#80c6b1;background:#f2fbf7}.check{width:44px;height:44px;border-radius:12px;border:2px solid #b7c1be;background:#fff;color:var(--green);font-size:19px}.task.done .check{background:var(--green);color:white;border-color:var(--green)}.task h3{font-size:15px;margin:0 0 3px}.task p{font-size:12px;color:#66737a;margin:0 0 9px}.tags{display:flex;gap:6px;margin-bottom:7px}.tag{background:#edf1f0;border-radius:20px;padding:3px 8px;font-size:10px;font-weight:800;color:#57656c}.fields{display:grid;grid-template-columns:1fr 2fr;gap:8px}.fields input{font-size:13px;padding:8px}.handoff h2{font-size:16px;margin:0}.handoff p{font-size:12px;color:#67757d}dialog{border:0;border-radius:15px;width:min(560px,92vw);padding:18px;box-shadow:0 20px 60px #0005}.dialog-head{display:flex;justify-content:space-between;align-items:center}.dialog-head button{background:#edf0ef;font-size:22px;padding:3px 11px}.archive-row{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ddd;padding:12px 0}.archive-row a{color:#126f58;font-weight:800}#toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%) translateY(80px);background:#172b36;color:#fff;padding:10px 15px;border-radius:10px;transition:.25s;z-index:9}#toast.show{transform:translateX(-50%) translateY(0)}@media(max-width:650px){main{padding:12px}.meta{grid-template-columns:1fr 1fr}.meta label{grid-column:1/-1}.fields{grid-template-columns:1fr}.task{grid-template-columns:42px 1fr}.check{width:40px;height:40px}header{padding:13px 16px}}@media print{header,.meta,button{display:none}.task{break-inside:avoid}body{background:white}main{max-width:none}.fields input{border:0}}
