:root{--ink:#1b3035;--muted:#677b7d;--green:#245d54;--line:#e3e9e6;--cream:#f5f7f5}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{max-width:1100px;margin:auto;padding:0 25px 70px}.top{padding:26px 0;display:flex;justify-content:space-between;align-items:center;gap:18px;border-bottom:1px solid var(--line)}.top b{font-size:14px;letter-spacing:.1em;color:var(--green)}.top small{display:block;color:var(--muted);margin-top:5px}.topRight{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:13px}.hero{padding:40px 0 25px}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.13em;color:var(--green);font-weight:700}.hero h1,.loginBox h1{font-size:clamp(36px,5vw,56px);letter-spacing:-.05em;margin:10px 0;line-height:1.1;font-weight:650}.hero p,.loginBox p{font-size:17px;color:var(--muted)}.summary{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.metric{background:white;border:1px solid var(--line);padding:22px;border-radius:16px}.metric strong{font-size:34px;display:block}.metric small{color:var(--muted)}.tabs{display:flex;gap:8px;margin:24px 0}.tab{border:0;background:none;color:var(--muted);padding:12px 17px;border-radius:11px;font-weight:650}.tab.active,.primary{background:var(--green);color:white}.primary{border:none;padding:13px 19px;border-radius:10px;font-weight:700}.quiet{border:1px solid #cbd8d3;background:white;color:var(--green);padding:9px 13px;border-radius:9px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 18px;flex-wrap:wrap}.toolbar h2{font-size:25px;letter-spacing:-.03em;margin:0}.cards,.history{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.card,.historyItem,.room{background:white;border:1px solid var(--line);border-radius:15px;padding:20px}.card{display:flex;gap:12px;align-items:flex-start}.card.done{opacity:.65}.check{width:23px;height:23px;accent-color:var(--green);flex:none;margin:3px 0}.cardMain{flex:1}.small{font-size:12px;color:var(--muted)}h3{font-size:18px;letter-spacing:-.02em;margin:5px 0 9px}.card p,.room p,.historyItem p{font-size:14px;color:var(--muted);line-height:1.55;margin:0 0 10px}.pill{display:inline-block;font-size:11px;font-weight:700;padding:5px 9px;border-radius:20px;background:#ecf4f1;color:var(--green)}.pill.High{background:#ffebe5;color:#9f422f}.pill.Medium{background:#fff1d1;color:#886200}.pill.Pending{background:#eceff2;color:#5b6877}.edit{border:0;background:transparent;color:var(--green);font-weight:700;font-size:13px;margin-left:8px}.room{margin-bottom:10px}.roomHead{display:flex;align-items:center;justify-content:space-between;gap:10px}.room h3{margin:0}.room p{margin:8px 0 0}.date{font-size:12px;font-weight:750;color:var(--green)}.footnote{margin-top:24px;padding:17px 20px;background:#e5f0ec;border-radius:13px;font-size:13px;color:var(--green)}.loginBox{max-width:440px;margin:55px auto;background:white;border:1px solid var(--line);padding:30px;border-radius:17px}.loginBox h1{font-size:36px}.loginBox label,dialog label{display:block;font-size:13px;font-weight:700;margin:16px 0;color:var(--ink)}input:not([type=checkbox]),select,textarea{display:block;width:100%;padding:11px 12px;border:1px solid #cbd7d3;border-radius:9px;margin-top:7px;background:white;color:var(--ink)}textarea{min-height:88px;resize:vertical}.error{color:#b03d32!important;font-size:13px!important}.empty{padding:30px;background:white;border-radius:14px;text-align:center;color:var(--muted);grid-column:1/-1}dialog{border:none;border-radius:17px;max-width:520px;width:calc(100% - 30px);padding:24px;box-shadow:0 20px 80px #18342b44}dialog::backdrop{background:#10201f88}.dialogTop{display:flex;justify-content:space-between;align-items:center}.dialogTop h2{margin:0}.pair{display:grid;grid-template-columns:1fr 1fr;gap:13px}.inline{display:flex;align-items:center;gap:9px}.inline input{accent-color:var(--green)}@media(max-width:700px){.shell{padding:0 15px 40px}.top{padding:18px 0}.hero{padding:29px 0 18px}.summary{gap:8px}.metric{padding:14px}.metric strong{font-size:28px}.metric small{font-size:11px}.cards,.history{grid-template-columns:1fr}.tabs{gap:0}.tab{padding:11px 12px}}