:root{--red:#9f1f1f;--red-dark:#741515;--ink:#2b2622;--muted:#746b64;--paper:#f7f2e9;--surface:#fffdf9;--line:#e7ddd0;--success:#2f6f4e;--danger:#a52a2a;--shadow:0 14px 40px rgba(66,43,25,.08);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at top right,rgba(159,31,31,.08),transparent 32rem),var(--paper)}button,input,select{font:inherit}
.app-header{padding:24px 20px 18px;border-bottom:1px solid rgba(159,31,31,.12);background:rgba(255,253,249,.9);backdrop-filter:blur(12px)}.brand-wrap{width:min(1120px,100%);margin:auto;display:flex;align-items:center;gap:22px}.brand-logo{display:block;width:clamp(180px,25vw,300px);max-width:46vw;height:auto;object-fit:contain;flex:0 0 auto}.brand-title{padding-left:22px;border-left:1px solid rgba(159,31,31,.18)}.eyebrow,.section-kicker{margin:0 0 4px;color:var(--red);font-weight:800;letter-spacing:.15em;font-size:.72rem}h1,h2,p{margin-top:0}h1{margin-bottom:3px;font-family:Georgia,serif;font-size:clamp(1.55rem,5vw,2.35rem)}h2{margin-bottom:0;font-size:1.15rem}.subtitle{margin-bottom:0;color:var(--muted);font-size:.92rem}
.view-tabs{width:min(1120px,calc(100% - 24px));margin:14px auto 0;display:flex;justify-content:center;gap:8px}.tab-button{border:1px solid var(--line);background:#fff;color:var(--muted);border-radius:999px;padding:9px 18px;font-weight:800;cursor:pointer}.tab-button.active{background:var(--red);color:#fff;border-color:var(--red)}
.app-shell{width:min(1120px,calc(100% - 24px));margin:22px auto 40px}.card{background:rgba(255,253,249,.96);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.control-panel,.rooms-section,.admin-auth{padding:18px;margin-bottom:14px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.status-pill{color:var(--success);background:#edf7f1;border-radius:999px;padding:7px 10px;font-size:.76rem;font-weight:700;white-space:nowrap}.status-pill.warning{color:#8a5a00;background:#fff4cf}.settings-grid,.property-grid{display:grid;gap:14px}.field{display:grid;gap:7px;color:var(--muted);font-size:.84rem;font-weight:700}.field input,.field select,.meter-input{width:100%;min-height:46px;border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:#fff;color:var(--ink);outline:none}.field input:focus,.field select:focus,.meter-input:focus{border-color:var(--red);box-shadow:0 0 0 3px rgba(159,31,31,.1)}.field input:disabled,.meter-input:disabled{background:#f4f0ea;color:#8a8179}.field-note{margin:12px 0 0;color:var(--muted);font-size:.78rem;line-height:1.55}.readonly-block{display:grid;gap:7px;padding:10px 12px;min-height:46px;border:1px solid var(--line);border-radius:12px;background:#faf7f2}.readonly-block span{color:var(--muted);font-size:.75rem;font-weight:700}.readonly-block strong{font-size:.9rem}
.summary-grid{display:grid;grid-template-columns:1fr;gap:12px;margin:14px 0}.summary-card{padding:16px 18px}.summary-card span{display:block;color:var(--muted);font-size:.8rem;font-weight:700;margin-bottom:7px}.summary-card strong{font-size:1.25rem;font-variant-numeric:tabular-nums}
.primary-button,.secondary-button{border-radius:12px;min-height:44px;padding:10px 16px;font-weight:800;cursor:pointer}.primary-button{border:0;color:#fff;background:var(--red);box-shadow:0 8px 18px rgba(159,31,31,.18)}.primary-button:hover{background:var(--red-dark)}.secondary-button{align-self:end;border:1px solid rgba(159,31,31,.28);color:var(--red);background:#fff8f4}.primary-button:disabled{opacity:.55;cursor:wait}.validation-message{margin:12px 0 14px;padding:10px 12px;border-radius:10px;color:var(--danger);background:#fff1f1;font-size:.86rem;font-weight:700}
.table-scroll{display:none;overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:760px}th,td{padding:14px 12px;border-bottom:1px solid var(--line);text-align:right;vertical-align:middle}th:first-child,td:first-child{text-align:left}th{color:var(--muted);font-size:.76rem;letter-spacing:.04em;text-transform:uppercase}td{font-variant-numeric:tabular-nums}.room-number{font-weight:900;color:var(--red)}.invalid{border-color:var(--danger)!important;background:#fff6f6!important}.room-cards{display:grid;gap:12px;margin-top:14px}.room-card{border:1px solid var(--line);border-radius:15px;padding:14px;background:#fff}.room-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.room-card-head strong{color:var(--red);font-size:1.1rem}.room-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.room-result{grid-column:1/-1;display:flex;justify-content:space-between;align-items:end;gap:10px;padding-top:10px;border-top:1px dashed var(--line)}.app-footer{width:min(1120px,calc(100% - 24px));margin:0 auto 28px;color:var(--muted);font-size:.78rem;text-align:center}
@media(min-width:640px){.settings-grid{grid-template-columns:repeat(4,1fr)}.property-grid{grid-template-columns:repeat(2,1fr)}.summary-grid{grid-template-columns:repeat(2,1fr)}.control-panel,.rooms-section{padding:22px}}
@media(min-width:820px){.app-header{padding-inline:32px}.app-shell{width:min(1120px,calc(100% - 48px))}.entry-property-grid{grid-template-columns:1fr 1.2fr 1.6fr 1.1fr}.summary-grid{grid-template-columns:repeat(5,1fr)}.table-scroll{display:block}.room-cards{display:none}.meter-input{max-width:150px;text-align:right}}
@media(max-width:600px){.app-header{padding-block:18px 14px}.brand-wrap{align-items:flex-start;flex-direction:column;gap:12px}.brand-logo{width:min(260px,78vw);max-width:100%}.brand-title{width:100%;padding:12px 0 0;border-left:0;border-top:1px solid rgba(159,31,31,.14)}}
@media(max-width:430px){.section-heading{align-items:flex-start;flex-direction:column}.section-heading button{width:100%}.status-pill{display:none}}