:root{font-family:Inter,system-ui,sans-serif;background:#f3eee5;color:#183f34}main{max-width:1250px;margin:auto;padding:30px 20px}header{display:flex;gap:30px;align-items:center;margin-bottom:24px}header img{width:320px;max-width:45%}header span{letter-spacing:.14em;font-weight:900;color:#a2663d}h1{font-size:42px;margin:4px 0}.panel,.kpi{background:#fffaf1;border:1px solid #d8cdbd;border-radius:20px;box-shadow:0 12px 35px #183f3410}.panel{padding:24px;margin:18px 0}.loginrow,.bar{display:flex;gap:12px;justify-content:space-between}.loginrow input{flex:1}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.kpi{padding:20px}.kpi small{display:block;color:#737670;font-weight:700}.kpi strong{font-size:34px;display:block;margin-top:5px}.breakdown,.moves{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.metric{padding:14px;border-radius:14px;background:#f2eadf}.metric b{display:block;font-size:24px;margin-top:4px}button{border:0;border-radius:10px;background:#183f34;color:#fff;padding:12px 16px;font-weight:800}input{font:inherit;padding:12px 14px;border:1px solid #cfc3b1;border-radius:10px}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid #e4dacb;vertical-align:top}footer{display:flex;justify-content:center;gap:24px;margin:28px}a{color:#183f34;font-weight:800}@media(max-width:800px){.kpis,.breakdown,.moves{grid-template-columns:1fr 1fr}header{display:block}.loginrow{display:grid}.kpis{grid-template-columns:1fr 1fr}}@media(max-width:520px){.kpis,.breakdown,.moves{grid-template-columns:1fr}}

/* Room lifecycle controls 0.4.4. */
*{box-sizing:border-box}[hidden]{display:none!important}p{line-height:1.55}button{cursor:pointer;min-height:44px}button:disabled{opacity:.6;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #b37747;outline-offset:3px}.danger{background:#8a3025;color:white}.room-control{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;border-bottom:1px solid #e4dacb}.room-control h3{margin:0}.room-control p{margin:8px 0}.room-names{overflow-wrap:anywhere}.room-control button{flex-shrink:0}#room-error,#close-confirm-error{color:#8a3025}#room-feedback{font-weight:650}dialog{width:min(600px,calc(100% - 32px));max-height:calc(100dvh - 40px);overflow:auto;border:1px solid #d8cdbd;border-radius:20px;background:#fffaf1;color:#183f34;padding:26px}dialog::backdrop{background:#0008}.dialog-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end;margin-top:24px}@media(max-width:560px){h1{font-size:30px}header img{max-width:90%;width:300px}.panel{padding:18px}.bar{flex-wrap:wrap}.room-control{align-items:stretch;flex-direction:column}.dialog-actions{flex-direction:column}footer{flex-wrap:wrap}}
