.app-shell{min-height:100vh;display:flex}.app-sidebar{color:#fff;background:#1c2a35;flex-direction:column;flex-shrink:0;width:240px;display:flex}.app-brand{padding:20px 20px 18px}.app-brand-name{letter-spacing:.2px;font-size:18px;font-weight:700}.app-brand-sub{letter-spacing:.6px;text-transform:uppercase;color:#ffffff73;margin-top:4px;font-size:11px}.app-nav{flex-direction:column;flex:1;gap:2px;padding:8px;display:flex}.app-nav-item{color:#ffffffbf;width:100%;font-family:var(--font-family);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;padding:10px 12px;font-size:14px;transition:background .15s,color .15s;display:flex}.app-nav-item:hover{color:#fff;background:#ffffff0f}.app-nav-item.active{color:#fff;background:#c05a3629;font-weight:600}.app-nav-dot{background:#ffffff47;border-radius:50%;flex-shrink:0;width:8px;height:8px}.app-nav-item.active .app-nav-dot{background:#e0673a}.app-user{border-top:1px solid #ffffff1a;padding:16px 20px}.app-user-name{color:#ffffffe6;font-size:14px;font-weight:600}.app-user-actions{gap:16px;margin-top:6px;font-size:13px;display:flex}.app-user-actions span{color:#ffffff80;cursor:pointer}.app-user-actions span:hover{color:#ffffffd9}.app-main{flex-direction:column;flex:1;min-width:0;height:100vh;display:flex;overflow:hidden}.calendar-container{background:var(--color-surface);flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.cal-header{justify-content:space-between;align-items:center;gap:var(--spacing-md);background:#fff;flex-shrink:0;padding:14px 24px;display:flex}.cal-title{color:#1b2a41;font-size:22px;font-weight:600;line-height:1.2}.cal-subtitle{color:#8a929b;margin-top:2px;font-size:13px}.cal-header-right{align-items:center;gap:12px;display:flex}.cal-search{color:#9aa3ab;background:#f4f6f8;border:1px solid #e2e6ea;border-radius:8px;align-items:center;gap:8px;min-width:220px;padding:7px 12px;display:flex}.cal-search input{width:100%;font-family:var(--font-family);color:var(--color-text);background:0 0;border:none;outline:none;font-size:13px}.cal-search input::placeholder{color:#9aa3ab}.cal-views{background:#f1f3f5;border-radius:8px;gap:2px;padding:3px;display:flex}.cal-views button{color:#5b636b;font-family:var(--font-family);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 14px;font-size:13px;font-weight:500}.cal-views button.active{color:#1b2a41;background:#fff;box-shadow:0 1px 2px #00000014}.cal-nav{align-items:center;gap:6px;display:flex}.cal-nav button{color:#5b636b;font-family:var(--font-family);cursor:pointer;background:#fff;border:1px solid #e2e6ea;border-radius:7px;padding:7px 12px;font-size:16px;line-height:1;transition:background .15s}.cal-nav button:hover{background:#f4f6f8}.cal-nav button.today-btn{color:#fff;background:#c05a36;border-color:#c05a36;padding:7px 16px;font-size:13px;font-weight:600}.cal-nav button.today-btn:hover{background:#a94c2c}.cal-filter{background:#fff;border-bottom:1px solid #eaecef;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:10px;padding:10px 24px;display:flex}.cal-filter-label{letter-spacing:.5px;color:#9aa3ab;margin-right:2px;font-size:11px;font-weight:600}.filter-chip{color:#3a434d;cursor:default;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #e2e6ea;border-radius:8px;align-items:center;gap:8px;padding:5px 11px;font-size:12px;display:inline-flex}.filter-dot{box-sizing:border-box;border-radius:3px;flex-shrink:0;width:12px;height:12px}.filter-count{color:#9aa3ab;font-weight:600}.calendar-grid-wrapper{flex:1;position:relative;overflow:auto}.calendar-grid{border-collapse:collapse;table-layout:fixed;min-width:100%}.calendar-grid th.room-header,.calendar-grid td.room-cell{z-index:10;background:var(--color-surface);min-width:var(--grid-room-col-width);max-width:var(--grid-room-col-width);padding:0 var(--spacing-sm);font-size:var(--font-size-sm);white-space:nowrap;border-right:2px solid var(--color-primary);text-align:left;font-weight:500;position:sticky;left:0}.calendar-grid td.room-cell{height:var(--grid-cell-height);border-bottom:1px solid var(--color-border)}.calendar-grid thead{z-index:20;position:sticky;top:0}.calendar-grid .month-row th{color:var(--color-text);font-size:var(--font-size-sm);text-align:center;border-left:1px solid var(--color-border);background:#faf8f4;padding:4px 0;font-weight:600}.calendar-grid .day-row th{font-size:var(--font-size-xs);text-align:center;border-left:1px solid var(--color-border);border-bottom:1px solid var(--color-border);color:var(--color-text);background:#faf8f4;padding:2px 0;font-weight:500}.calendar-grid .day-row th.weekend{background:#f3efe7}.calendar-grid .day-row th.today{color:#c05a36;background:#fdeee6;font-weight:700}.calendar-grid .period-row th{font-size:var(--font-size-xs);text-align:center;color:var(--color-text-muted);border-left:1px solid var(--color-border);border-bottom:2px solid var(--color-primary);min-width:var(--grid-cell-width);max-width:var(--grid-cell-width);background:#e9ecef;padding:2px 0;font-weight:400}.calendar-grid td.cell{width:var(--grid-cell-width);min-width:var(--grid-cell-width);max-width:var(--grid-cell-width);height:var(--grid-cell-height);text-align:center;font-size:var(--font-size-xs);cursor:pointer;border:1px solid var(--color-border);-webkit-user-select:none;user-select:none;padding:0;font-weight:700;transition:opacity .1s}.calendar-grid td.cell:hover{opacity:.8;outline:2px solid var(--color-primary);outline-offset:-2px}.calendar-grid td.cell.empty{background:0 0}.calendar-grid td.cell.selected{outline:2px solid var(--color-secondary);outline-offset:-2px}.calendar-grid td.cell.tarde-cell{border-left:1px dashed #ccc}.calendar-grid col.col-weekend{background:#786e5a0d}.calendar-grid col.col-today{background:#fdeee6}.calendar-grid td.booking-slot{height:var(--grid-cell-height);border-bottom:1px solid var(--color-border);padding:0;position:relative;overflow:hidden}.res-bar{box-sizing:border-box;font-size:11px;font-weight:600;line-height:calc(var(--grid-cell-height) - 8px);text-align:left;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:5px;padding:0 8px;transition:filter .1s;position:absolute;inset:4px 2px;overflow:hidden}.res-bar:hover{filter:brightness(.96)}.context-menu{z-index:1000;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:220px;padding:var(--spacing-xs) 0;position:fixed}.context-menu-item{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;font-size:var(--font-size-sm);transition:background .1s;display:flex}.context-menu-item:hover{background:var(--color-primary-light)}.context-menu-item .status-dot{border-radius:2px;flex-shrink:0;width:12px;height:12px}.context-menu-divider{background:var(--color-border);height:1px;margin:var(--spacing-xs) 0}.quadro-container{background:var(--color-surface);flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.quadro-toolbar{background:#fff;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 24px;display:flex}.quadro-toolbar h2{color:#1b2a41;font-size:22px;font-weight:600}.quadro-toolbar .quadro-actions{align-items:center;gap:var(--spacing-sm);display:flex}.quadro-toolbar button{color:#5b636b;cursor:pointer;font-size:var(--font-size-sm);font-family:var(--font-family);background:#fff;border:1px solid #e2e6ea;border-radius:7px;padding:7px 14px;transition:background .15s}.quadro-toolbar button:hover{background:#f4f6f8}.quadro-filterbar{align-items:center;gap:var(--spacing-lg);font-size:var(--font-size-sm);background:#fff;flex-wrap:wrap;padding:10px 24px;display:flex}.quadro-filter-option{align-items:center;gap:var(--spacing-xs);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex}.quadro-filterbar input[type=date]{border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-family);font-size:var(--font-size-sm);padding:4px 8px}.quadro-filterbar input[type=date]:disabled{opacity:.5}.quadro-count{color:var(--color-text-muted);font-size:var(--font-size-xs);margin-left:auto}.quadro-panel{min-height:0;margin:var(--spacing-md) var(--spacing-lg) 0;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);flex-direction:column;flex:1;display:flex;overflow:hidden}.quadro-table-wrapper{flex:1;min-height:0;position:relative;overflow:auto}.quadro-table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.quadro-table thead{z-index:10;position:sticky;top:0}.quadro-table thead th{color:var(--color-text);text-align:left;padding:var(--spacing-sm);border-bottom:1px solid var(--color-border);white-space:nowrap;-webkit-user-select:none;user-select:none;background:#faf8f4;font-weight:600}.quadro-table thead th.sortable{cursor:pointer}.quadro-table thead th.sortable:hover{background:#f3efe7}.quadro-table th.sorted-col,.quadro-table td.sorted-col,.quadro-table thead th.sortable.sorted-col:hover{background:#fdeee6}.quadro-table thead th .sort-indicator{opacity:.6;margin-left:4px;font-size:.7em}.quadro-table tbody tr{cursor:pointer;border-bottom:1px solid var(--color-border);transition:background .1s}.quadro-table tbody tr:nth-child(2n){background:#faf8f4}.quadro-table tbody tr:hover{background:#f3efe7}.quadro-table td{padding:var(--spacing-xs) var(--spacing-sm);white-space:nowrap}.quadro-status{text-align:center;border-radius:var(--radius-sm);min-width:28px;font-size:var(--font-size-xs);border:1px solid #00000014;padding:2px 6px;font-weight:700;display:inline-block}.quadro-col-deposit{text-align:right;font-variant-numeric:tabular-nums}.quadro-col-room{text-align:center;font-variant-numeric:tabular-nums}.quadro-col-occupants{text-align:center}.quadro-muted{color:var(--color-text-muted)}.quadro-empty,.quadro-loading{padding:var(--spacing-xl);text-align:center;color:var(--color-text-muted)}.quadro-error{padding:var(--spacing-xl);text-align:center;color:var(--color-danger)}.quadro-pagination{justify-content:space-between;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-sm);flex-wrap:wrap;flex-shrink:0;display:flex}.quadro-pagination-info{color:var(--color-text-muted)}.quadro-pagination-controls{align-items:center;gap:var(--spacing-lg);margin-left:auto;display:flex}.quadro-pagesize{align-items:center;gap:var(--spacing-xs);display:flex}.quadro-pagesize-label{color:var(--color-text-muted);margin-right:var(--spacing-xs)}.quadro-pagenav{align-items:center;gap:var(--spacing-xs);display:flex}.quadro-page-pill,.quadro-page-num,.quadro-page-btn{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);min-width:32px;color:var(--color-text);cursor:pointer;font-family:var(--font-family);font-size:var(--font-size-sm);padding:5px 10px;transition:background .15s,border-color .15s}.quadro-page-pill:hover:not(.active),.quadro-page-num:hover:not(.active),.quadro-page-btn:hover:not(:disabled){background:#f3efe7}.quadro-page-pill.active{color:#c2603a;border-color:#c2603a;font-weight:600}.quadro-page-num.active{color:#fff;background:#1b2a41;border-color:#1b2a41;font-weight:600}.quadro-page-btn:disabled{opacity:.45;cursor:default}@media print{.quadro-toolbar .quadro-actions,.quadro-filterbar,.quadro-pagination{display:none}.quadro-panel{border:none;border-radius:0;margin:0;overflow:visible}.quadro-container{height:auto;box-shadow:none}.quadro-table-wrapper{overflow:visible}}.guest-photo{background:var(--color-primary-light,#d6e4f0);color:var(--color-primary,#1f4e79);font-family:var(--font-family);border:1px solid var(--color-border,#d9d9d9);box-sizing:border-box;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-weight:600;line-height:1;display:inline-flex;position:relative;overflow:hidden}.guest-photo--interactive{cursor:pointer;transition:box-shadow .15s,transform .1s}.guest-photo--interactive:hover{box-shadow:0 0 0 2px var(--color-primary,#1f4e79)}.guest-photo--interactive:active{transform:scale(.97)}.guest-photo__img{object-fit:cover;width:100%;height:100%;display:block}.guest-photo__placeholder{-webkit-user-select:none;user-select:none}.guest-photo__placeholder.is-loading{background:linear-gradient(100deg, var(--color-primary-light,#d6e4f0) 30%, #fff9 50%, var(--color-primary-light,#d6e4f0) 70%);background-size:200% 100%;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;animation:1.1s ease-in-out infinite guest-photo-shimmer;display:flex}@keyframes guest-photo-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.guest-photo__badge{background:var(--color-surface,#fff);width:1.5em;height:1.5em;box-shadow:var(--shadow-sm,0 1px 2px #0003);pointer-events:none;border-radius:50%;justify-content:center;align-items:center;font-size:.6em;display:flex;position:absolute;bottom:-2px;right:-2px}.photo-capture-overlay{z-index:1100;background:#0009;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.photo-capture{background:var(--color-surface,#fff);border-radius:var(--radius-lg,10px);box-shadow:var(--shadow-lg,0 10px 40px #0000004d);width:100%;max-width:460px;font-family:var(--font-family);flex-direction:column;display:flex;overflow:hidden}.photo-capture__header{background:var(--color-primary,#1f4e79);color:#fff;font-weight:600;font-size:var(--font-size-base,.9rem);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.photo-capture__close{color:#fff;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:22px;line-height:1}.photo-capture__tabs{border-bottom:1px solid var(--color-border,#d9d9d9);display:flex}.photo-capture__tab{background:var(--color-bg,#f5f5f5);cursor:pointer;font-family:var(--font-family);font-size:var(--font-size-sm,.8rem);color:var(--color-text-muted,#666);border:none;border-bottom:2px solid #0000;flex:1;padding:10px}.photo-capture__tab.is-active{background:var(--color-surface,#fff);color:var(--color-primary,#1f4e79);border-bottom-color:var(--color-primary,#1f4e79);font-weight:600}.photo-capture__stage{aspect-ratio:4/3;background:#111;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.photo-capture__media{object-fit:cover;width:100%;height:100%;display:block}video.photo-capture__media{transform:scaleX(-1)}.photo-capture__message{text-align:center;color:#fff;font-size:var(--font-size-sm,.8rem);background:#00000059;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.photo-capture__dropzone{color:#fff;cursor:pointer;width:100%;height:100%;font-size:var(--font-size-sm,.8rem);justify-content:center;align-items:center;text-decoration:underline;display:flex}.photo-capture--viewer{max-width:800px}.photo-viewer__stage{background:#111;justify-content:center;align-items:center;width:100%;max-height:70vh;display:flex;overflow:hidden}.photo-viewer__img{object-fit:contain;max-width:100%;max-height:70vh;display:block}.photo-capture__error{color:var(--color-danger,#c0392b);font-size:var(--font-size-sm,.8rem);border-radius:var(--radius-sm,4px);background:#fee2e2;margin:10px 12px 0;padding:8px 12px}.photo-capture__footer{align-items:center;gap:8px;padding:12px 16px;display:flex}.modal-overlay{z-index:500;padding:var(--spacing-md);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);flex-direction:column;width:100%;max-width:860px;max-height:90vh;display:flex;overflow:hidden}.modal-header{padding:var(--spacing-md) var(--spacing-lg);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.modal-header h2{font-size:var(--font-size-xl);color:#fff;margin:0;font-weight:700}.modal-header-meta{font-size:var(--font-size-sm);color:#fffc;margin-top:2px}.modal-close{color:#fff;cursor:pointer;background:#fff3;border:1px solid #ffffff4d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;line-height:1;transition:background .15s;display:flex}.modal-close:hover{background:#ffffff4d}.modal-body{padding:var(--spacing-lg);flex:1;overflow-y:auto}.modal-section{margin-bottom:var(--spacing-lg)}.modal-section-title{font-size:var(--font-size-sm);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--color-border);font-weight:600}.field-grid{gap:var(--spacing-sm) var(--spacing-md);grid-template-columns:1fr 1fr;display:grid}.field-grid.three-col{grid-template-columns:1fr 1fr 1fr}.field-grid.full-width{grid-template-columns:1fr}.field-span-2{grid-column:span 2}.field-group{flex-direction:column;gap:4px;display:flex}.field-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;font-weight:500}.field-value{font-size:var(--font-size-base);color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);min-height:36px;padding:8px 10px;line-height:1.4}.field-value.empty{color:var(--color-text-muted);font-style:italic}.field-value.money{color:var(--color-primary);font-family:Courier New,monospace;font-weight:600}.field-value.timestamp{font-family:Courier New,monospace;font-size:var(--font-size-sm)}.status-badge{font-size:var(--font-size-sm);color:#fff;border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-weight:600;display:inline-flex}.period-badge{font-size:var(--font-size-xs);background:var(--color-primary-light);color:var(--color-primary);border-radius:4px;margin-left:6px;padding:2px 8px;font-weight:600;display:inline-block}.weekday-badge{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-left:8px;font-weight:500;display:inline-block}.companions-table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.companions-table th{text-align:left;background:var(--color-bg);border-bottom:2px solid var(--color-border);font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;padding:6px 10px;font-weight:600}.companions-table td{border-bottom:1px solid var(--color-border);color:var(--color-text);padding:8px 10px}.companions-table tr:last-child td{border-bottom:none}.companions-table tr:hover td{background:var(--color-bg)}.companion-input{box-sizing:border-box;border:1px solid var(--color-border);border-radius:var(--radius-sm,4px);width:100%;font-size:var(--font-size-sm);color:var(--color-text);background:var(--color-surface,#fff);padding:5px 8px}.companion-input:focus{border-color:var(--color-primary,#d2691e);outline:none}.companion-input-dm{text-align:center}.companion-ghost-row .companion-input{border-style:dashed}.companion-ghost-row .companion-input::placeholder{color:var(--color-text-muted);font-style:italic}.companion-remove{color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm,4px);background:0 0;border:none;padding:2px 6px;font-size:18px;line-height:1}.companion-remove:hover:not(:disabled){color:var(--color-danger,#c0392b);background:var(--color-bg)}.companion-remove:disabled{opacity:.4;cursor:default}.registry-code{font-family:Courier New,monospace;font-size:var(--font-size-xs);color:var(--color-text-muted);background:var(--color-bg);border:1px solid var(--color-border);border-radius:3px;padding:2px 6px}.modal-footer{padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--color-border);gap:var(--spacing-sm);background:var(--color-bg);flex-wrap:wrap;flex-shrink:0;display:flex}.btn{border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:500;font-family:var(--font-family);cursor:pointer;white-space:nowrap;border:1px solid #0000;padding:8px 16px;transition:opacity .15s,background .15s}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){opacity:.9}.btn-success{background:var(--color-success);color:#fff}.btn-success:hover:not(:disabled){opacity:.9}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover:not(:disabled){opacity:.9}.btn-secondary{color:var(--color-text);border-color:var(--color-border);background:#fff}.btn-secondary:hover:not(:disabled){background:var(--color-bg)}.btn-spacer{flex:1}.modal-loading{padding:var(--spacing-xl);color:var(--color-text-muted);justify-content:center;align-items:center;display:flex}.returning-badge{font-size:var(--font-size-xs);color:var(--color-success);align-items:center;gap:4px;margin-left:8px;font-weight:500;display:inline-flex}.users-container{background:var(--color-surface);flex-direction:column;flex:1;min-height:0;display:flex;overflow:auto}.users-toolbar{background:#fff;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 24px;display:flex}.users-toolbar h2{color:#1b2a41;font-size:22px;font-weight:600}.users-toolbar button{background:var(--color-primary);color:#fff;border-radius:var(--radius-sm);font-size:var(--font-size-sm);cursor:pointer;border:none;padding:8px 16px;font-weight:600}.users-error{color:var(--color-danger);padding:var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-sm);background:#fee2e2;margin:12px 24px 0}.users-table-wrap{padding:16px 24px}.users-table{border-collapse:collapse;width:100%;font-size:var(--font-size-sm)}.users-table th{text-align:left;color:var(--color-text-muted);border-bottom:1px solid var(--color-border);padding:10px 12px;font-weight:600}.users-table td{border-bottom:1px solid var(--color-border);color:var(--color-text);padding:10px 12px}.users-row-inactive td{color:var(--color-text-muted);opacity:.6}.users-table select{border-radius:var(--radius-sm);border:1px solid var(--color-border);font-family:var(--font-family);font-size:var(--font-size-sm);padding:4px 8px}.users-status-toggle{border-radius:var(--radius-sm);font-size:var(--font-size-sm);cursor:pointer;color:var(--color-success);background:#d1fae5;border:none;padding:4px 10px;font-weight:600}.users-status-toggle.inactive{color:var(--color-danger);background:#fee2e2}.users-status-toggle:disabled,.users-table select:disabled{cursor:not-allowed;opacity:.6}.users-reset-btn{border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-text);cursor:pointer;background:#fff;padding:6px 12px}:root{--color-primary:#1f4e79;--color-primary-light:#d6e4f0;--color-secondary:#e67e22;--color-bg:#f8f9fa;--color-surface:#fff;--color-border:#dee2e6;--color-text:#212529;--color-text-muted:#6c757d;--color-danger:#dc3545;--color-success:#28a745;--color-warning:#ffc107;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs:.7rem;--font-size-sm:.8rem;--font-size-base:.9rem;--font-size-lg:1.1rem;--font-size-xl:1.3rem;--font-size-2xl:1.6rem;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--grid-cell-width:32px;--grid-cell-height:40px;--grid-room-col-width:140px;--grid-header-height:60px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 15px #0000001a;--radius-sm:4px;--radius-md:8px;--radius-lg:12px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;line-height:1.5}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#aaa}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}