:root{--color-primary: #2563EB;--color-primary-light: #EFF6FF;--color-primary-dark: #1D4ED8;--color-primary-50: #EFF6FF;--color-primary-100: #DBEAFE;--color-primary-200: #BFDBFE;--color-primary-300: #93C5FD;--color-primary-400: #60A5FA;--color-primary-500: #3B82F6;--color-primary-600: #2563EB;--color-primary-700: #1D4ED8;--color-primary-800: #1E40AF;--color-primary-900: #1E3A8A;--color-success: #22C55E;--color-success-light: #DCFCE7;--color-success-dark: #15803D;--color-warning: #F59E0B;--color-warning-light: #FEF3C7;--color-warning-dark: #B45309;--color-error: #EF4444;--color-error-light: #FEE2E2;--color-error-dark: #B91C1C;--color-info: var(--color-primary);--st-oc: #0F52BA;--st-od: #6082B6;--st-vc: #16A34A;--st-vd: #B4C424;--st-locked: #C04000;--st-block: #C04000;--st-reserved: #0D9488;--pay-f: #008000;--pay-p: #E49B0F;--pay-u: #880808;--ho-room-oc: #0F52BA;--ho-room-od: #5B84C4;--ho-room-vc: #16A34A;--ho-room-vd: #B4C424;--ho-room-repair: #C04000;--ho-room-locked: #7A3E9D;--ho-room-out: #64748B;--ho-pay-paid: #16A34A;--ho-pay-partial: #D97706;--ho-pay-unpaid: #B91C1C;--ho-pay-refund: #7C3AED;--ho-pay-vcc: #4338CA;--ho-clean-clean: #16A34A;--ho-clean-dirty: #D97706;--ho-clean-inspecting: #2563EB;--ho-clean-ooo: #C04000;--color-slate-50: #F8FAFC;--color-slate-100: #F1F5F9;--color-slate-200: #E2E8F0;--color-slate-300: #CBD5E1;--color-slate-400: #94A3B8;--color-slate-500: #64748B;--color-slate-600: #475569;--color-slate-700: #334155;--color-slate-800: #1E293B;--color-slate-900: #0F172A;--color-bg: #F8FAFC;--color-surface: #FFFFFF;--color-surface-elevated: #FFFFFF;--color-surface-muted: #F1F5F9;--color-border: #E2E8F0;--color-border-strong: #CBD5E1;--color-divider: #F1F5F9;--color-topnav-bg: #0F1B2D;--color-topnav-text: #FFFFFF;--color-topnav-muted: #94A3B8;--color-text-primary: #0F172A;--color-text-secondary: #1E293B;--color-text-tertiary: #64748B;--color-text-disabled: #CBD5E1;--color-text-on-primary: #FFFFFF;--color-text-link: #2563EB;--color-text-link-hover: #1D4ED8;--font-sans: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--text-xs: 11px;--text-sm: 12px;--text-base: 13px;--text-md: 14px;--text-lg: 16px;--text-xl: 18px;--text-2xl: 20px;--text-3xl: 24px;--text-4xl: 28px;--text-5xl: 32px;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.625;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 10px;--radius-xl: 10px;--radius-2xl: 10px;--radius-full: 9999px;--ho-ctrl-sm: 28px;--ho-ctrl-md: 32px;--ho-ctrl-lg: 40px;--shadow-xs: 0 1px 2px 0 rgba(15, 23, 42, .05);--shadow-sm: 0 1px 3px 0 rgba(15, 23, 42, .08), 0 1px 2px -1px rgba(15, 23, 42, .05);--shadow-md: 0 4px 6px -1px rgba(15, 23, 42, .08), 0 2px 4px -2px rgba(15, 23, 42, .05);--shadow-lg: 0 10px 15px -3px rgba(15, 23, 42, .08), 0 4px 6px -4px rgba(15, 23, 42, .05);--shadow-xl: 0 20px 25px -5px rgba(15, 23, 42, .1), 0 8px 10px -6px rgba(15, 23, 42, .05);--ho-shadow-card: 0 1px 2px rgba(15, 23, 42, .04);--ho-shadow-pop: 0 4px 16px rgba(15, 23, 42, .1), 0 1px 4px rgba(15, 23, 42, .06);--ho-shadow-drawer: -8px 0 24px rgba(15, 23, 42, .12);--ho-focus-ring: 0 0 0 3px rgba(37, 99, 235, .18);--duration-fast: .15s;--duration-normal: .2s;--duration-slow: .3s;--easing-default: cubic-bezier(.4, 0, .2, 1);--easing-out: cubic-bezier(0, 0, .2, 1);--easing-in: cubic-bezier(.4, 0, 1, 1);--header-height: 52px;--sider-width: 220px;--sider-collapsed-width: 64px;--container-max: 1440px;--ho-p: #2563EB;--ho-p-dark: #1D4ED8;--ho-p-50: #EFF6FF;--ho-p-100: #DBEAFE;--ho-p-200: #BFDBFE;--ho-p-700: #1E40AF;--ho-ink: #1E3A8A;--ho-ink-2: #1E40AF;--ho-ink-3: #2B4FC2;--ho-canvas: #EEF2F7;--ho-surface: #FFFFFF;--ho-muted: #F4F6FA;--ho-muted-2: #E9EDF4;--ho-line: #DCE3EE;--ho-line-strong: #C4CEDD;--ho-t1: #0F172A;--ho-t2: #1E293B;--ho-t3: #64748B;--ho-t4: #94A3B8;--ho-ok: #16A34A;--ho-ok-bg: #E7F8EC;--ho-ok-dark: #15803D;--ho-warn: #F59E0B;--ho-warn-bg: #FEF3C7;--ho-warn-dark: #B45309;--ho-bad: #DC2626;--ho-bad-bg: #FEE9E9;--ho-bad-dark: #B91C1C;--ho-due: #DC2626;--ho-paid: #15803D;--ho-room-noshow: #BE185D;--ho-room-reserved: #0D9488;--ho-font-body: "Source Sans 3", -apple-system, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--ho-font-num: var(--ho-font-body);--ho-r-sm: 6px;--ho-r-md: 10px;--ho-r-lg: 14px;--ho-sh-card: 0 1px 2px rgba(15,23,42,.05), 0 1px 0 rgba(15,23,42,.03);--ho-sh-lift: 0 6px 18px -6px rgba(15,23,42,.18), 0 2px 4px rgba(15,23,42,.06);--ho-sh-pop: 0 18px 40px -12px rgba(11,18,32,.35);--ho-topnav-h: 52px;--ho-subnav-h: 44px;--ho-page-py: 18px;--ho-page-px: 22px}*{box-sizing:border-box;margin:0;padding:0}html,body{font-family:var(--ho-font-body);font-size:14px;line-height:1.45;color:var(--ho-t1);background:var(--ho-canvas);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--color-text-link);text-decoration:none}a:hover{color:var(--color-text-link-hover)}button{font:inherit;cursor:pointer;border:none;background:none;color:inherit}ul,ol{list-style:none}.row{display:flex;align-items:center}.col{display:flex;flex-direction:column}.num{font-family:var(--ho-font-num);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.spread{display:flex;align-items:center;justify-content:space-between}.center{display:flex;align-items:center;justify-content:center}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-md{font-size:var(--text-md)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.text-success{color:var(--color-success-dark)}.text-warning{color:var(--color-warning-dark)}.text-error{color:var(--color-error-dark)}.text-primary-c{color:var(--color-primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:32px;padding:0 var(--space-4);border-radius:var(--radius-md);font-size:var(--text-md);font-weight:var(--font-medium);transition:all var(--duration-fast) var(--easing-default);white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-primary-dark)}.btn-secondary{background:#fff;color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.btn-ghost{color:var(--color-text-secondary);padding:0 var(--space-2)}.btn-ghost:hover:not(:disabled){background:var(--color-slate-100);color:var(--color-text-primary)}.btn-danger{background:var(--color-error);color:#fff}.btn-danger:hover:not(:disabled){background:var(--color-error-dark)}.btn-warning{background:var(--color-warning);color:#fff}.btn-warning:hover:not(:disabled){background:var(--color-warning-dark)}.btn-large{height:40px;padding:0 var(--space-5)}.btn-small{height:24px;padding:0 var(--space-3);font-size:var(--text-sm);border-radius:var(--radius-md)}.tag{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-medium);line-height:1.4}.tag-primary{background:var(--color-primary-light);color:var(--color-primary-dark)}.tag-success{background:var(--color-success-light);color:var(--color-success-dark)}.tag-warning{background:var(--color-warning-light);color:var(--color-warning-dark)}.tag-error{background:var(--color-error-light);color:var(--color-error-dark)}.tag-neutral{background:var(--color-slate-100);color:var(--color-slate-600)}.tag-pro{background:linear-gradient(135deg,#f59e0b,#b45309);color:#fff}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--ho-shadow-card)}.card-padded{padding:var(--space-5)}.card-hover{transition:all var(--duration-fast)}.card-hover:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-strong)}.card-section{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-divider)}.card-section:last-child{border-bottom:none}.card-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary)}.kpi-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-5);position:relative}.kpi-label{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-2);display:flex;align-items:center;gap:var(--space-2)}.kpi-value{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-text-primary);letter-spacing:-.02em;line-height:1.2}.kpi-delta{font-size:var(--text-sm);margin-top:var(--space-2);display:flex;align-items:center;gap:var(--space-1)}.kpi-delta-up{color:var(--color-success-dark)}.kpi-delta-down{color:var(--color-error-dark)}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.status-online{background:var(--color-success);box-shadow:0 0 0 3px var(--color-success-light)}.status-offline{background:var(--color-error)}.status-warning{background:var(--color-warning)}.status-neutral{background:var(--color-slate-300)}.quota-chip{display:inline-flex;align-items:center;gap:var(--space-2);height:32px;padding:0 var(--space-3);background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-md);color:#fff;font-size:var(--text-sm);font-weight:var(--font-medium);transition:background var(--duration-fast);cursor:pointer}.quota-chip:hover{background:#ffffff26}.quota-chip-warn{border-color:var(--color-warning);color:var(--color-warning);background:#f59e0b1a}.quota-chip-danger{border-color:var(--color-error);color:var(--color-error);background:#ef44441a}.quota-bar{width:60px;height:4px;background:#fff3;border-radius:var(--radius-full);overflow:hidden}.quota-bar-fill{height:100%;background:#fff;border-radius:var(--radius-full);transition:width var(--duration-slow) var(--easing-default)}.quota-chip-warn .quota-bar-fill{background:var(--color-warning)}.quota-chip-danger .quota-bar-fill{background:var(--color-error)}.locked-tab{position:relative;opacity:.5;cursor:not-allowed}.locked-tab:after{content:"🔒";margin-left:var(--space-1);font-size:var(--text-xs)}.upgrade-banner{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid var(--color-warning-light);border-radius:var(--radius-xl);color:var(--color-warning-dark)}.upgrade-banner-icon{width:40px;height:40px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:var(--text-2xl)}.upgrade-banner-content{flex:1}.upgrade-banner-title{font-weight:var(--font-semibold);margin-bottom:2px}.upgrade-banner-desc{font-size:var(--text-sm);opacity:.9}.form-input{height:36px;width:100%;padding:0 var(--space-3);background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:inherit;font-size:var(--text-md);color:var(--color-text-primary);transition:border-color var(--duration-fast)}.form-input:hover{border-color:var(--color-border-strong)}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.form-label{display:block;font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-2);font-weight:var(--font-medium)}.avatar{width:32px;height:32px;border-radius:50%;background:var(--color-primary-light);color:var(--color-primary-dark);display:flex;align-items:center;justify-content:center;font-weight:var(--font-semibold);font-size:var(--text-sm)}.battery{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--color-text-secondary)}.battery-bar{width:18px;height:8px;border:1.5px solid currentColor;border-radius:2px;position:relative;padding:1px}.battery-bar:after{content:"";position:absolute;right:-3px;top:2px;width:2px;height:4px;background:currentColor;border-radius:0 1px 1px 0}.battery-fill{height:100%;background:currentColor;border-radius:1px}.battery-good{color:var(--color-success-dark)}.battery-low{color:var(--color-warning-dark)}.battery-crit{color:var(--color-error-dark)}.icon{width:16px;height:16px;flex-shrink:0}.icon-lg{width:20px;height:20px}.icon-xl{width:24px;height:24px}body{margin:0}#root{min-height:100vh}.ho-boot{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--ho-canvas)}.ho-boot-card{width:min(420px,92vw);background:var(--ho-surface);border:1px solid var(--ho-line);border-radius:var(--ho-r-lg);box-shadow:var(--ho-sh-card);padding:32px 28px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;font-family:var(--ho-font-body)}.ho-boot-brand{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:700;letter-spacing:-.015em;color:var(--ho-t1)}.ho-boot-brand .mark{width:32px;height:32px;border-radius:8px;background:var(--ho-p);color:#fff;display:grid;place-items:center;font:700 16px var(--ho-font-num)}.ho-boot-spin{width:22px;height:22px;border:3px solid var(--ho-muted-2);border-top-color:var(--ho-p);border-radius:50%;animation:ho-boot-spin .8s linear infinite}@keyframes ho-boot-spin{to{transform:rotate(360deg)}}.ho-page-loading{display:flex;align-items:center;justify-content:center;min-height:40vh;padding:24px}.ho-boot-card h2{margin:0;font-size:17px;font-weight:600;letter-spacing:-.01em}.ho-boot-card p{margin:0;font-size:13px;color:var(--ho-t3);max-width:340px}.ho-boot-ic{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-size:20px;background:var(--ho-muted-2);color:var(--ho-t3)}.ho-boot-ic.bad{background:var(--ho-bad-bg);color:var(--ho-bad-dark)}.ho-boot-card .ho-btn{margin-top:6px}.login-container{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:24px;background:linear-gradient(160deg,var(--ho-ink) 0%,var(--ho-p) 45%,var(--ho-canvas) 45.1%)}.login-card{width:min(480px,92vw);padding:26px 28px 22px;background:var(--ho-surface);border-radius:var(--ho-r-lg);box-shadow:var(--ho-sh-pop);margin-top:-6%;display:flex;flex-direction:column;gap:12px}.login-brand{display:flex;align-items:center;gap:10px}.login-brand .mark{width:34px;height:34px;border-radius:9px;background:var(--ho-p);color:#fff;display:grid;place-items:center;font:700 17px var(--ho-font-num)}.login-brand b{display:block;font-size:20px;font-weight:700;letter-spacing:-.015em;line-height:1.1;color:var(--ho-t1)}.login-brand small{display:block;font-size:11px;color:var(--ho-t3)}.login-brand .login-lang{margin-left:auto}.login-title{margin:4px 0 0!important;font-size:17px!important;font-weight:600!important;letter-spacing:-.01em}.login-title small{display:block;font-size:12px;font-weight:400;color:var(--ho-t3);margin-top:2px}.login-form{display:flex;flex-direction:column}.login-error{color:var(--ho-bad-dark)!important;font-size:12px;font-weight:600}.login-code .ant-input{text-align:center;letter-spacing:.3em;font:700 20px var(--ho-font-num)}.login-foot{display:flex;justify-content:center;gap:14px;font-size:11px;padding-top:4px}.login-foot a{color:var(--ho-t4)}.login-foot a:hover{color:var(--ho-p)}@media(max-width:470px),(max-height:600px){.login-container{align-items:flex-start;padding:24px 0}.login-card{margin-top:0}}.property-select-container{min-height:100vh;padding:40px 24px;background:var(--ho-canvas);display:flex;justify-content:center;align-items:flex-start}.property-select-inner{width:100%;max-width:1080px}.property-select-header{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:18px}.property-select-header-right{display:flex;align-items:center;gap:14px;font-size:13px;color:var(--ho-t3)}.property-select-header-right b{color:var(--ho-t2);font-weight:600}.property-select-card{height:100%;cursor:pointer;transition:.15s;display:flex;flex-direction:column}.property-select-card:hover{transform:translateY(-1px);box-shadow:var(--ho-sh-lift)}.property-select-card:focus-visible{outline:none;box-shadow:var(--ho-focus-ring)}.property-select-card .bd{flex:1}.property-select-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.property-select-card-name{font-size:15px;font-weight:600;color:var(--ho-t1);word-break:break-word}.property-select-card-brand{display:block;font-size:12px;color:var(--ho-t3);margin-top:2px}.property-select-card-meta{list-style:none;margin:10px 0 0;padding:0;color:var(--ho-t3);font-size:12.5px}.property-select-card-meta li{display:flex;align-items:flex-start;gap:6px;margin-bottom:4px}.property-select-card-meta .anticon{color:var(--ho-p);margin-top:3px}.property-select-card-foot{font-size:12px;color:var(--ho-t3);display:flex;align-items:center;gap:8px}.property-select-card-foot .anticon{margin-left:auto;color:var(--ho-t4)}