:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#241d1b;background:#f4efe7;color-scheme:light}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(145deg,#fff8ec,#eee4d5)}.shell{width:min(680px,100%);margin:auto;padding:clamp(18px,5vw,48px)}header{display:flex;gap:14px;align-items:center;margin:18px 0 34px}.brand{display:grid;place-items:center;width:54px;height:54px;border-radius:14px;background:#9d1d20;color:white;font-weight:900;font-size:21px;box-shadow:0 8px 24px #6b14172b}header strong,header span{display:block}header strong{font-size:22px}header span{font-size:14px;color:#6b5e59;margin-top:2px}.card{background:#fff;border:1px solid #ded3c7;border-radius:22px;padding:clamp(22px,5vw,38px);box-shadow:0 18px 55px #503a2614}.hidden{display:none}h1{margin:0 0 8px;font-size:28px}p{color:#6b5e59}label{display:block;margin:20px 0 0;font-weight:700;font-size:14px}input{width:100%;margin-top:7px;border:1px solid #c9bbb0;border-radius:11px;padding:14px;font:inherit;background:#fff}input:focus{outline:3px solid #e8b9a8;border-color:#9d1d20}button{width:100%;margin-top:22px;padding:14px;border:0;border-radius:11px;background:#9d1d20;color:white;font:inherit;font-weight:800;cursor:pointer}.row{display:flex;align-items:start;justify-content:space-between;gap:20px}.quiet{width:auto;margin:0;background:#f1e9df;color:#5b211f;padding:10px 14px}.location{padding:16px 0;border-top:1px solid #eee4da}.location strong,.location span{display:block}.location span{color:#746760;font-size:13px;margin-top:4px}#message,#password-message{min-height:22px;color:#9d1d20;font-weight:650}footer{text-align:center;font-size:12px;color:#80736c;padding:24px}@media(max-width:480px){.shell{padding:16px}header{margin-top:8px}.card{border-radius:18px}}

#app-card{display:grid;gap:16px}.shell:has(#app-card:not(.hidden)){width:min(980px,100%)}.toolbar{display:flex;align-items:center;justify-content:space-between;padding:18px 22px}.toolbar strong,.toolbar span{display:block}.toolbar span{font-size:13px;color:#746760;margin-top:3px}.location-bar{display:flex;align-items:end;gap:12px}.location-bar label{margin:0;flex:1}.location-bar select,.display-controls select{width:100%;margin-top:7px;border:1px solid #c9bbb0;border-radius:11px;padding:12px;background:#fff;font:inherit}.pill,.status{display:inline-block;border-radius:99px;padding:7px 11px;background:#eadfd5;color:#63332d;font-size:12px;text-transform:capitalize}.tabs{display:flex;gap:8px}.tabs button{width:auto;margin:0;background:#eadfd5;color:#5b211f}.tabs button.active{background:#9d1d20;color:#fff}.panel{box-shadow:0 12px 36px #503a2610}.small{width:auto;margin:0;padding:11px 15px;white-space:nowrap}.empty{display:grid;gap:7px;text-align:center;padding:42px 18px;margin-top:18px;border:1px dashed #c9bbb0;border-radius:14px;color:#746760}.empty strong{color:#241d1b;font-size:18px}.display{display:grid;gap:13px;padding:20px 0;border-top:1px solid #eee4da}.display:first-child{margin-top:14px}.display .row strong,.display .row span{display:block}.status{margin-top:7px;padding:5px 9px}.status.online{background:#dcefdc;color:#1d6425}.display-controls{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end}.display-controls select{margin:0}.notice{padding:14px;margin-top:16px;border-radius:11px;background:#fff3cf;color:#614500;font-weight:700}#pages-message{min-height:22px;color:#236135;font-weight:700}@media(max-width:600px){.row{align-items:stretch;flex-direction:column}.row .small{width:100%}.location-bar{align-items:stretch;flex-direction:column}.tabs{overflow:auto}.display-controls{grid-template-columns:1fr}.display-controls .small{width:100%}}
#app-card.hidden{display:none}
.custom-heading{align-items:end;margin-top:30px}.custom-heading h2{margin:0;font-size:20px}.custom-heading p{margin:4px 0 0}.custom-page{display:grid;grid-template-columns:minmax(140px,.6fr) minmax(220px,1.4fr) auto;gap:10px;align-items:end;padding:14px 0;border-top:1px solid #eee4da}.custom-page label{margin:0}.custom-page button{margin-bottom:1px}@media(max-width:650px){.custom-page{grid-template-columns:1fr}.custom-page button{width:100%}}
.user-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 0;border-top:1px solid #eee4da}.user-row:first-child{margin-top:14px}.user-row strong,.user-row span{display:block}.user-row span{color:#746760;font-size:13px;margin-top:4px}dialog{width:min(720px,calc(100% - 28px));max-height:90vh;overflow:auto;border:1px solid #ded3c7;border-radius:20px;padding:28px;background:#fff;color:#241d1b;box-shadow:0 22px 70px #2f1b1655}dialog::backdrop{background:#2f1b1688}dialog h2{margin-top:0}.dialog-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.dialog-actions button{margin:0}.check{display:flex;align-items:center;gap:9px}.check input{width:auto;margin:0}.assignment{border:1px solid #ded3c7;border-radius:12px;margin:12px 0;padding:12px}.assignment legend{font-weight:800;padding:0 6px}.assignment label{margin-top:10px}.assignment select{width:100%;margin-top:7px;border:1px solid #c9bbb0;border-radius:11px;padding:11px;background:#fff;font:inherit}.permission-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 14px}.disabled{opacity:.55}.notice{display:block}.notice.hidden{display:none}@media(max-width:600px){.user-row{align-items:flex-start;flex-direction:column}.user-row button{width:100%}.permission-grid{grid-template-columns:1fr}.dialog-actions{grid-template-columns:1fr}}