:root{--ink:#16343b;--teal:#0c6f83;--paper:#f7f4ed;--cream:#ece7da;--muted:#718487;--line:#d8ddda}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,sans-serif}button,input,select,textarea{font:inherit}.hidden{display:none!important}.brand{font-weight:800;letter-spacing:.17em;font-size:14px;display:flex;align-items:center;gap:8px}.brand i{background:var(--teal);color:#fff;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;font:italic 20px Georgia}.brand b{color:var(--teal);font-weight:500}.login{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr}.login>section{padding:55px 7vw;background:var(--cream);display:flex;flex-direction:column;justify-content:space-between}.login h1,.hero h1{font:400 52px/1.03 Georgia;margin:0}.login h1 em,.hero h1 em{color:var(--teal)}.login p,.hero p{color:var(--muted)}small{font-size:9px;letter-spacing:.16em;color:#ad6943;font-weight:800}.route{font-size:23px;color:var(--teal)}.login>form{align-self:center;width:min(390px,80%);margin:auto}.login h2,dialog h2{font:400 34px Georgia;margin:8px 0}.login label,.grid label{display:block;text-transform:uppercase;font-size:9px;letter-spacing:.1em;font-weight:800;color:#607579;margin:15px 0}.login input,.grid input,.grid select,.grid textarea{display:block;width:100%;margin-top:6px;padding:12px;border:1px solid #cbd3d0;border-radius:6px;background:#fff}.login form>button{width:100%;padding:12px;background:var(--teal);color:white;border:0;border-radius:6px;font-weight:bold}.error{color:#9c4933;font-size:12px;margin:10px 0}header{height:74px;background:#fbfaf6;border-bottom:1px solid var(--line);padding:0 5vw;display:flex;justify-content:space-between;align-items:center}.actions{display:flex;gap:10px}.actions input{border:0;border-radius:20px;background:#eeece7;padding:10px 14px}.actions button{border:0;border-radius:7px;padding:10px 15px}.actions #addBtn{background:var(--ink);color:#fff}.hero{padding:48px 7vw;background:var(--cream);display:flex;justify-content:space-between;align-items:end}.status{background:#fff;border-radius:11px;padding:18px;width:390px;box-shadow:0 8px 30px #263b4018;display:grid;grid-template-columns:1fr auto;gap:8px}.status small{grid-column:1/-1}.status b{font:18px Georgia}.status strong{font:30px Georgia;color:var(--teal);text-align:center}.status strong span{display:block;font:9px Arial;text-transform:uppercase}.stats{padding:0 7vw;display:grid;grid-template-columns:repeat(4,1fr);background:#fff}.stats div{padding:22px;border-right:1px solid var(--line)}.stats span{display:block;font-size:10px;color:var(--muted)}.stats b{display:block;font:28px Georgia;margin:4px}.workspace{padding:35px 7vw}.controls{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:18px}.controls h2{font:25px Georgia;min-width:220px;text-align:center;margin:0}.controls button,.controls select{border:1px solid var(--line);background:#fff;border-radius:5px;padding:7px 10px}.controls select{margin-left:auto}.weekdays,.calendar{display:grid;grid-template-columns:repeat(7,1fr)}.weekdays{background:#fff;border:1px solid var(--line);border-bottom:0;border-radius:9px 9px 0 0}.weekdays span{text-align:center;padding:10px;font-size:9px;color:var(--muted)}.calendar{background:#fff;border:1px solid var(--line);border-radius:0 0 9px 9px;overflow:hidden}.day{min-height:110px;border:0;border-top:1px solid var(--line);border-right:1px solid var(--line);background:#fff;text-align:left;padding:7px}.day.muted{background:#f4f3ef;color:#aaa}.date{display:block;font-size:10px;margin-bottom:5px}.today .date{background:var(--ink);color:#fff;border-radius:50%;width:23px;height:23px;display:grid;place-items:center}.event{display:block;border-left:3px solid var(--event);color:var(--event);background:color-mix(in srgb,var(--event) 14%,white);padding:5px;margin:2px 0;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}dialog{border:0;border-radius:12px;padding:28px;width:min(680px,92vw);color:var(--ink)}dialog::backdrop{background:#17363c99}.formhead{display:flex;justify-content:space-between}.formhead button,#closeDetail{border:0;background:none;font-size:26px;float:right}.grid{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.grid .wide{grid-column:1/-1}.grid textarea{min-height:70px}dialog footer{display:flex;justify-content:flex-end;gap:10px}dialog footer button{padding:10px 17px;border:1px solid var(--line);border-radius:6px}dialog footer button:last-child{background:var(--teal);color:white}.details{display:grid;grid-template-columns:1fr 1fr;gap:16px}.details span{display:block;color:var(--muted);font-size:9px;text-transform:uppercase}.details b{font-size:13px}@media(max-width:800px){.login{grid-template-columns:1fr}.login>section{min-height:40vh}.login h1,.hero h1{font-size:38px}.login>form{padding:45px 0}.hero{display:block}.status{width:100%;margin-top:25px}.stats{grid-template-columns:1fr 1fr;padding:0}.workspace{padding:25px 3vw}.day{min-height:75px}.event{font-size:0;height:9px;padding:0}.actions input{display:none}.grid{grid-template-columns:1fr}.grid .wide{grid-column:auto}}