:root{--petrol:#123f43;--orange:#f99416;--ivory:#fcf8f1;--line:#d8ded8}*{box-sizing:border-box}body{margin:0;background:var(--ivory);color:var(--petrol);font:16px/1.5 Arial,sans-serif}header{display:flex;gap:24px;align-items:center;padding:20px 5%;border-bottom:1px solid var(--line);flex-wrap:wrap}header>a:first-child{font-weight:800;font-size:22px}header>a:nth-last-child(2){margin-left:auto}a{color:inherit}main{max-width:1280px;margin:auto;padding:36px 5% 70px}h1{font-size:clamp(30px,4vw,50px);letter-spacing:-1.5px;line-height:1.15;margin:16px 0 28px}h2{font-size:25px}.eyebrow{font-size:14px;letter-spacing:1.5px;font-weight:bold}button{font:inherit;border:1px solid var(--petrol);padding:11px 18px;background:var(--petrol);color:white;border-radius:5px;cursor:pointer}button:disabled{opacity:.6;cursor:wait}.secondary,nav button{background:transparent;color:var(--petrol)}.danger{background:transparent;color:#a02b28;border-color:#a02b28}nav button.active{background:var(--petrol);color:white}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--orange);outline-offset:3px}label{display:block;font-weight:600;margin:0 0 18px}input,textarea,select{display:block;width:100%;font:inherit;padding:12px;margin-top:7px;border:1px solid #91a6a3;border-radius:4px;background:#fff;color:var(--petrol)}textarea{min-height:115px;resize:vertical}small,.hint{font-size:14px;color:#4d6263;font-weight:400}#login,#change-password{max-width:540px;margin:45px auto}#notice:empty{display:none}#notice{padding:16px;border-left:4px solid var(--orange);background:#fff4dc;white-space:pre-line}.intro{display:flex;align-items:center;justify-content:space-between;gap:30px}.metric{padding:20px 28px;border:1px solid var(--line);min-width:180px}.metric strong{display:block;font-size:42px}.metric span,.metric small{display:block}nav{display:flex;flex-wrap:wrap;gap:10px;border-bottom:1px solid var(--line);padding-bottom:22px;margin:20px 0}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px}.workspace{display:grid;grid-template-columns:300px minmax(0,1fr);gap:32px;margin-top:20px}.records{display:flex;flex-direction:column;gap:12px;align-self:start;max-height:780px;overflow:auto}.record{background:#fff;color:var(--petrol);text-align:left;padding:16px;border:1px solid var(--line)}.record strong,.record small{display:block}.record small{margin-top:7px}.record.selected{border-color:var(--orange);box-shadow:inset 4px 0 var(--orange)}#editor{background:#fff;padding:26px;border:1px solid var(--line)}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}#image-preview{max-width:100%;max-height:230px;object-fit:contain}#users-pane form{max-width:600px}#users-list>div,#days>div{padding:12px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px}#stats-pane{margin-top:45px}#days{max-width:620px}[hidden]{display:none!important}@media(max-width:800px){.workspace{grid-template-columns:1fr}.records{max-height:310px}.intro{display:block}.metric{margin-bottom:24px}#editor{padding:20px}header{gap:15px}}