*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;-webkit-user-select:none;user-select:none;background:var(--bg);color:var(--text)}:root{--primary: #7A5D45;--primary-dark: #534437;--bg: #FBF6F0;--text: #2C2017;--text-light: #A89B8E;--text-2: #7A6E62;--border: #E5DFD9;--gold: #C8956C;--gold-bg: #FAF0E6;--hover-bg: #F5EFE6;--blue: #5B7FA8;--purple: #6B4C77;--green: #6B9E4F;--danger: #D9534F;--beige: #F0EBE4;--shadow-card: 0 2px 8px rgba(60, 45, 30, .1);--shadow-pop: 0 12px 40px rgba(60, 45, 30, .18)}.touch-btn{min-height:56px;font-size:16px}.touch-card{cursor:pointer;transition:all .2s}.touch-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-pop)}.touch-card:active{transform:translateY(0)}.v7-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:20px}.v7-card-title{font-size:15px;font-weight:600;color:var(--text);margin-bottom:12px}.v7-chip{display:inline-flex;flex-direction:column;gap:2px;border-radius:10px;padding:8px 14px;min-width:96px}.v7-chip .chip-label{font-size:11px;opacity:.75}.v7-chip .chip-value{font-size:16px;font-weight:700}.v7-chip .chip-sub{font-size:10px;opacity:.65}.lv-1{color:#a89b8e}.lv-2{color:#6b9e4f}.lv-3{color:#c8956c}.lv-4{color:#5b7fa8}.lv-5{color:#6b4c77}.lv-6{color:#7a6e62}.sub-tabs{display:flex;border-bottom:1px solid var(--border);margin-bottom:16px}.sub-tab{padding:10px 22px;cursor:pointer;font-size:14px;color:var(--text-light);border-bottom:2px solid transparent;transition:all .2s;text-align:center}.sub-tab:hover{color:var(--primary)}.sub-tab.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}.room-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #3c2d1e1a;overflow:hidden;border-top:3px solid #E5DFD9;transition:box-shadow .2s;cursor:pointer;display:flex;flex-direction:column}.room-card:hover{box-shadow:0 4px 16px #3c2d1e26}.room-card.status-available{border-top-color:#6b9e4f}.room-card.status-occupied{border-top-color:#c8956c}.room-card.status-cleaning{border-top-color:#5b7fa8}.room-card.status-maintenance{border-top-color:#a89b8e}.room-card .room-head{padding:8px 14px;display:flex;align-items:center;gap:6px;border-bottom:1px solid #F0EBE4}.room-card .room-name{font-size:16px;font-weight:700;color:#2c2017}.room-card .room-meta{font-size:11px;color:#a89b8e;margin-left:auto}.room-card .room-body{padding:6px 14px;flex:1;display:flex;flex-direction:column;gap:4px}.room-card .room-footer{padding:4px 14px 8px;font-size:11px;color:#7a6e62}.rmbadge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:500;flex-shrink:0}.rmbadge.available{background:#f0f5eb;color:#6b9e4f}.rmbadge.occupied{background:linen;color:#c8956c}.rmbadge.cleaning{background:#ebf2f8;color:#5b7fa8}.rmbadge.maintenance{background:#f5f2ee;color:#a89b8e}.rmbadge.reserved{background:linen;color:#c8956c;border:1px dashed #E5C9B0}.rmdot{width:6px;height:6px;border-radius:50%;display:inline-block}.rmdot.available{background:#6b9e4f}.rmdot.occupied{background:#c8956c}.rmdot.cleaning{background:#5b7fa8}.rmdot.maintenance{background:#a89b8e}.tl-bar{height:28px;background:#f0ebe4;border-radius:4px;position:relative;overflow:hidden}.tl-block{position:absolute;height:100%;border-radius:3px;font-size:12px;color:#fff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:0 4px;line-height:28px;box-sizing:border-box;text-align:center;display:flex;align-items:center;justify-content:center;gap:3px}.tl-block .tl-icon{font-size:10px;flex-shrink:0}.tl-block.reserved-pending{background:#c8956c;opacity:.55;border:1px dashed #B87A4F}.tl-block.reserved-arrived{background:#08979c;opacity:.9}.tl-block.reserved-serving{background:#7a5d45}.tl-block.reserved-done{background:#6b9e4f;opacity:.5}.tl-block.reserved-noshow{background:#d9534f;opacity:.4;text-decoration:line-through}.tl-block.reserved-cancelled{background:#a89b8e;opacity:.35;text-decoration:line-through}.tl-now{position:absolute;top:0;width:2px;height:100%;background:#d9534f;z-index:5;pointer-events:none}.tl-labels{display:flex;justify-content:space-between;margin-top:3px;font-size:11px;color:#a89b8e}.stat-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:14px 18px}.stat-card .label{font-size:12px;color:var(--text-light);margin-bottom:4px}.stat-card .value{font-size:26px;font-weight:700;color:var(--text)}.stat-card .value.success{color:#6b9e4f}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.mini-stat{background:#fff;border:1px solid var(--border);border-radius:12px;padding:12px 16px}.mini-stat .l{font-size:12px;color:var(--text-light);margin-bottom:2px}.mini-stat .v{font-size:20px;font-weight:700}.appt-card{background:#fff;border-radius:10px;padding:10px 14px;border:1px solid var(--border);display:flex;align-items:center;gap:12px}.appt-card .time{font-size:15px;font-weight:700;color:var(--primary);width:84px;flex-shrink:0;line-height:1.3}.appt-card .time .end{font-size:11px;color:#a89b8e;font-weight:400;display:block}.appt-card .info{flex:1;min-width:0}.appt-card .member{font-size:14px;font-weight:500}.appt-card .meta{font-size:11px;color:var(--text-light);margin-top:3px;display:flex;gap:10px;flex-wrap:wrap;align-items:center}.appt-card .meta .room-assigned{color:#c8956c;font-weight:500}.appt-card .meta .room-unassigned{color:#d9534f}.tag{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12px}.v7-pill{display:inline-block;border-radius:999px;padding:1px 10px;font-size:11px}.pay-row{display:flex;gap:8px;align-items:center;background:#f9f9f9;border-radius:10px;padding:8px 12px;margin-bottom:8px}