:root{--primary:#2e7d32;--primary-hover:#1b5e20;--primary-light:#4caf50;--primary-glow:#2e7d321f;--primary-surface:#2e7d320f;--text-on-primary:#fff;--secondary:#5c6bc0;--secondary-glow:#5c6bc01f;--secondary-surface:#5c6bc00f;--accent:#00897b;--accent-glow:#00897b1f;--success:#16a34a;--success-surface:#16a34a14;--warning:#d97706;--warning-surface:#d9770614;--danger:#dc2626;--danger-surface:#dc262614;--info:#2563eb;--info-surface:#2563eb14;--bg-body:#f4f6f8;--bg-dark:#f4f6f8;--bg-panel:#fff;--bg-card:#fff;--bg-card-hover:#f8faf9;--bg-card-overlay:#00000004;--bg-card-overlay-hover:#00000008;--bg-card-overlay-darker:#0000000a;--bg-sidebar:#fff;--bg-input:#f4f6f8;--border-light:#00000012;--border-medium:#0000001f;--border-glow:#2e7d3233;--text-primary:#111827;--text-secondary:#5f6b7a;--text-muted:#94a3b8;--text-inverse:#fff;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 6px -1px #0000000f, 0 2px 4px -2px #0000000a;--shadow-lg:0 10px 15px -3px #0000000f, 0 4px 6px -4px #0000000a;--shadow-xl:0 20px 25px -5px #0000000f, 0 8px 10px -6px #0000000a;--shadow-card:0 1px 3px #0000000a, 0 1px 2px #00000008;--shadow-card-hover:0 4px 12px #0000000f, 0 2px 4px #00000008;--shadow-panel:0 1px 3px #0000000a;--neu-shadow-dark:#0000000f;--neu-shadow-light:#fffc;--neu-shadow-inset:inset 0 1px 2px #0000000f;--neu-shadow-flat:var(--shadow-md);--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-full:9999px;--font-family:"Inter", "Outfit", "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-mono:"SF Mono", "Fira Code", "Cascadia Code", monospace;font-family:var(--font-family);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background-color:var(--bg-body);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-body);color:var(--text-primary);font-family:var(--font-family);min-height:100vh;overflow-x:hidden}#root{flex-direction:column;width:100%;min-height:100vh;display:flex}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#0000001f;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#0003}h1,h2,h3,h4,h5,h6{letter-spacing:-.025em;color:var(--text-primary);font-weight:600;line-height:1.3}a{color:var(--primary);text-decoration:none;transition:color .2s}a:hover{color:var(--primary-hover)}.glass-panel{background:var(--bg-panel);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-card)}.glass-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:all .25s cubic-bezier(.4,0,.2,1)}.glass-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-1px)}.glow-primary{box-shadow:var(--shadow-card), 0 0 0 1px var(--primary-glow)}.glow-secondary{box-shadow:var(--shadow-card), 0 0 0 1px var(--secondary-glow)}.glow-text-primary{color:var(--primary)}.glow-text-secondary{color:var(--secondary)}.btn-primary{background:var(--primary);color:var(--text-on-primary);border-radius:var(--radius-md);cursor:pointer;font-weight:600;font-family:var(--font-family);border:none;align-items:center;gap:8px;padding:10px 20px;font-size:.82rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 1px 2px #2e7d3233}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 8px #2e7d3233}.btn-primary:active{transform:translateY(0);box-shadow:0 1px 2px #2e7d3226}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;font-weight:500;font-family:var(--font-family);align-items:center;gap:8px;padding:10px 20px;font-size:.82rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--border-medium);box-shadow:var(--shadow-sm)}.btn-secondary:active{background:var(--bg-card-overlay-darker)}.badge{border-radius:var(--radius-full);letter-spacing:.01em;align-items:center;gap:4px;padding:3px 10px;font-size:.7rem;font-weight:600;display:inline-flex}.badge-success{background:var(--success-surface);color:var(--success)}.badge-warning{background:var(--warning-surface);color:var(--warning)}.badge-danger{background:var(--danger-surface);color:var(--danger)}.badge-info{background:var(--info-surface);color:var(--info)}.badge-primary{background:var(--primary-surface);color:var(--primary)}body:not(.light-mode){--bg-body:#0f1219;--bg-dark:#0f1219;--bg-panel:#1a1f2e;--bg-card:#1a1f2e;--bg-card-hover:#222838;--bg-card-overlay:#ffffff08;--bg-card-overlay-hover:#ffffff0f;--bg-card-overlay-darker:#0000004d;--bg-sidebar:#151b28;--bg-input:#151b28;--border-light:#ffffff14;--border-medium:#ffffff1f;--border-glow:#2e7d324d;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--shadow-xs:0 1px 2px #0003;--shadow-sm:0 1px 3px #00000040, 0 1px 2px #00000026;--shadow-md:0 4px 6px #0003, 0 2px 4px #0000001f;--shadow-lg:0 10px 15px #0003, 0 4px 6px #0000001f;--shadow-xl:0 20px 25px #00000040, 0 8px 10px #0000001f;--shadow-card:0 1px 3px #0003, 0 1px 2px #00000026;--shadow-card-hover:0 4px 12px #00000040;--shadow-panel:0 1px 3px #0003;--neu-shadow-dark:#0000004d;--neu-shadow-light:#ffffff0d;--neu-shadow-inset:inset 0 1px 2px #0003;--neu-shadow-flat:var(--shadow-md);--primary:#4caf50;--primary-hover:#66bb6a;--primary-light:#81c784;--primary-glow:#4caf5026;--primary-surface:#4caf501a;--secondary:#7986cb;--secondary-glow:#7986cb26;--success:#22c55e;--success-surface:#22c55e1a;--warning:#f59e0b;--warning-surface:#f59e0b1a;--danger:#ef4444;--danger-surface:#ef44441a;--info:#3b82f6;--info-surface:#3b82f61a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body:not(.light-mode) ::-webkit-scrollbar-thumb{background:#ffffff1f}body:not(.light-mode) ::-webkit-scrollbar-thumb:hover{background:#fff3}body:not(.light-mode) .sidebar{background:var(--bg-sidebar);border-right-color:var(--border-light)}body:not(.light-mode) .logo-text{background:linear-gradient(135deg, #f1f5f9 30%, var(--primary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}body:not(.light-mode) .form-input,body:not(.light-mode) .form-select,body:not(.light-mode) select,body:not(.light-mode) input[type=text],body:not(.light-mode) input[type=number],body:not(.light-mode) input[type=email],body:not(.light-mode) input[type=password],body:not(.light-mode) input[type=search],body:not(.light-mode) textarea{background:var(--bg-input)!important;color:var(--text-primary)!important;border:1px solid var(--border-light)!important}body:not(.light-mode) .form-input:focus,body:not(.light-mode) .form-select:focus,body:not(.light-mode) select:focus,body:not(.light-mode) input:focus,body:not(.light-mode) textarea:focus{border-color:var(--primary)!important;box-shadow:0 0 0 3px var(--primary-glow)!important}body:not(.light-mode) .phone-panel{background:#0a0c1499}body:not(.light-mode) .phone-inner-content,body:not(.light-mode) .phone-screen{color:var(--text-primary);background:#0f1219}body:not(.light-mode) .phone-status-bar{background:#0f1219}body:not(.light-mode) .modal-overlay{background:#0009}body:not(.light-mode) .time-pill{background:var(--bg-card);color:var(--primary);border-color:var(--border-light)}body:not(.light-mode) .filter-btn{background:var(--bg-card);border-color:var(--border-light);color:var(--text-secondary)}body:not(.light-mode) .filter-btn:hover{background:var(--bg-card-hover);color:var(--text-primary)}body:not(.light-mode) .filter-btn.active{background:var(--primary-surface);color:var(--primary);border-color:var(--primary)}body:not(.light-mode) .chat-bubble.received{background:var(--bg-panel);border:1px solid var(--border-light);color:var(--text-primary)!important}body:not(.light-mode) .invoice-table th,body:not(.light-mode) table th{color:var(--text-secondary);border-bottom-color:var(--border-light)}body:not(.light-mode) .invoice-table td,body:not(.light-mode) table td{color:var(--text-primary);border-bottom-color:var(--border-light)}body:not(.light-mode) .nav-item{color:var(--text-secondary)}body:not(.light-mode) .nav-item:hover{color:var(--text-primary);background:#ffffff0a}body:not(.light-mode) .nav-item.active{background:var(--primary-surface);color:var(--primary)}body:not(.light-mode) .nav-item-dashboard.active{background:var(--primary-surface)!important;color:var(--primary)!important;border-color:var(--primary)!important}body:not(.light-mode) .alert-item,body:not(.light-mode) .room-card{background:var(--bg-card);border-color:var(--border-light)}body:not(.light-mode) .digital-key-card{border-color:var(--border-light);background:linear-gradient(135deg,#4caf5026 0%,#5c6bc014 100%)}body:not(.light-mode) .property-selector-wrap{background:var(--bg-card);border-color:var(--border-light)}body:not(.light-mode) .wifi-client-row{background:var(--bg-card);border-color:var(--border-light);color:var(--text-primary)}body:not(.light-mode) .role-dashboard-toolbar{background:var(--bg-panel);border-color:var(--border-light)}body:not(.light-mode) .role-toolbar-btn.active{background:var(--bg-card);color:var(--primary)}body:not(.light-mode) .simulator-toggle-bar{background:var(--bg-panel);border-color:var(--border-light)}body:not(.light-mode) .sim-toggle-btn.active{background:var(--bg-card);color:var(--primary)}body:not(.light-mode) .menu-item-row{background:var(--bg-card);border-color:var(--border-light);color:var(--text-primary)}body:not(.light-mode) .cctv-health-card,body:not(.light-mode) .chat-room-item{background:var(--bg-card);border-color:var(--border-light)}body:not(.light-mode) .chat-room-item:hover{background:var(--bg-card-hover)}body:not(.light-mode) .chat-room-item.selected{background:var(--primary-surface);border-color:var(--primary)}body:not(.light-mode) .phone-app-header{background:var(--bg-card);border-bottom-color:var(--border-light)}body:not(.light-mode) .invoice-preview-panel{background:var(--bg-panel);border-color:var(--border-light)}body:not(.light-mode) .inventory-stock-bar{background:#ffffff14}body.light-mode{--bg-body:#f4f6f8;--bg-dark:#f4f6f8;--bg-panel:#fff;--bg-card:#fff;--text-primary:#111827;--text-secondary:#5f6b7a;--text-muted:#94a3b8;--primary:#2e7d32;--secondary:#5c6bc0;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body:not(.light-mode) [style*="rgba(255, 255, 255, 0.02)"],body:not(.light-mode) [style*="rgba(255,255,255,0.02)"],body:not(.light-mode) [style*="rgba(255, 255, 255, 0.03)"],body:not(.light-mode) [style*="rgba(255,255,255,0.03)"]{background:var(--bg-card)!important;border:1px solid var(--border-light)!important}.app-container{background-color:var(--bg-body);width:100vw;min-height:100vh;display:flex;overflow:hidden}.desktop-panel{border-right:1px solid var(--border-light);width:72%;height:100vh;display:flex}.phone-panel{background:var(--bg-body);border-left:1px solid var(--border-light);flex-direction:column;justify-content:center;align-items:center;width:28%;height:100vh;padding:16px;display:flex;position:relative}.sidebar{border-right:1px solid var(--border-light);background:var(--bg-sidebar);flex-direction:column;flex-shrink:0;width:260px;height:100vh;padding:20px 16px;display:flex;overflow-y:auto}.logo-container{align-items:center;gap:10px;margin-bottom:24px;padding-left:4px;display:flex}.logo-glow{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);color:#fff;justify-content:center;align-items:center;width:34px;height:34px;font-size:1rem;font-weight:800;display:flex;box-shadow:0 2px 8px #2e7d3240}.logo-text{background:linear-gradient(135deg, var(--text-primary) 30%, var(--primary) 100%);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;font-size:1.1rem;font-weight:700}.property-selector-wrap{border-radius:var(--radius-md);background:var(--bg-body);border:1px solid var(--border-light);margin-bottom:12px;padding:10px 12px;transition:border-color .2s}.property-selector-wrap:hover{border-color:var(--border-medium)}.property-selector-wrap label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px;font-size:.62rem;font-weight:600;display:block}.property-select{color:var(--text-primary);width:100%;font-family:var(--font-family);cursor:pointer;background:0 0;border:none;outline:none;font-size:.82rem;font-weight:600}.nav-links{flex-direction:column;gap:2px;list-style:none;display:flex}.nav-item{border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;border:1px solid #0000;align-items:center;gap:10px;padding:9px 12px;font-size:.82rem;font-weight:500;transition:all .2s;display:flex;position:relative}.nav-item:hover{color:var(--text-primary);background:var(--bg-body)}.nav-item.active{color:var(--primary);background:var(--primary-surface);border-color:#2e7d321f;font-weight:600}.nav-item.active:before{content:"";background:var(--primary);border-radius:0 3px 3px 0;width:3px;position:absolute;top:6px;bottom:6px;left:-1px}.nav-item-dashboard{border-radius:var(--radius-md);background:0 0;margin-bottom:4px;border-left:none!important}.nav-item-dashboard:hover{background:var(--primary-surface)}.nav-item-dashboard.active{color:var(--primary)!important;background:var(--primary-surface)!important;border:1px solid #2e7d3226!important}.nav-item-dashboard.active:before{background:var(--primary)}.nav-icon{opacity:.85;font-size:1rem}.sidebar-footer{border-top:1px solid var(--border-light);margin-top:auto;padding-top:14px}.user-profile{align-items:center;gap:10px;display:flex}.user-avatar{border:2px solid var(--primary);width:36px;height:36px;box-shadow:0 0 0 2px var(--primary-glow);object-fit:cover;border-radius:50%;transition:border-color .3s}.user-name{font-size:.82rem;font-weight:600}.user-role{color:var(--text-muted);font-size:.68rem}.main-content{background:var(--bg-body);flex-direction:column;flex-grow:1;height:100vh;padding:24px 28px;display:flex;overflow-y:auto}.main-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.header-title-section h1{letter-spacing:-.03em;color:var(--text-primary);margin-bottom:2px;font-size:1.45rem;font-weight:700}.header-title-section p{color:var(--text-muted);font-size:.78rem;font-weight:400}.header-actions{align-items:center;gap:10px;display:flex}.time-pill{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-full);font-size:.72rem;font-family:var(--font-mono);color:var(--text-secondary);box-shadow:var(--shadow-xs);align-items:center;gap:6px;padding:6px 14px;display:flex}.role-dashboard-toolbar{background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-light);box-shadow:var(--shadow-xs);gap:4px;margin-bottom:20px;padding:4px;display:flex}.role-toolbar-btn{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:.75rem;font-weight:500;font-family:var(--font-family);background:0 0;border:none;padding:6px 14px;transition:all .2s}.role-toolbar-btn:hover{background:var(--bg-body);color:var(--text-primary)}.role-toolbar-btn.active{background:var(--primary-surface);color:var(--primary);font-weight:600}.dashboard-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.stat-card{border-left:3px solid var(--border-light);padding:18px;position:relative;overflow:hidden}.stat-icon-wrapper{border-radius:var(--radius-md);justify-content:center;align-items:center;width:38px;height:38px;margin-bottom:12px;font-size:1rem;display:flex}.stat-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;font-size:.7rem;font-weight:600}.stat-value{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:4px;font-size:1.5rem;font-weight:700;line-height:1.2}.stat-trend{align-items:center;gap:4px;font-size:.68rem;font-weight:500;display:flex}.dashboard-cols{grid-template-columns:1.5fr 1fr;gap:20px;margin-bottom:20px;display:grid}.panel-section{flex-direction:column;gap:16px;padding:20px;display:flex}.panel-header{justify-content:space-between;align-items:center;display:flex}.panel-title{color:var(--text-primary);align-items:center;gap:8px;font-size:.92rem;font-weight:700;display:flex}.cctv-container{border-radius:var(--radius-lg);aspect-ratio:16/9;border:1px solid var(--border-light);background:#000;width:100%;position:relative;overflow:hidden}.cctv-canvas{object-fit:cover;width:100%;height:100%;display:block}.cctv-overlay{pointer-events:none;background:radial-gradient(circle,#0000 40%,#00000080 100%);flex-direction:column;justify-content:space-between;padding:12px;display:flex;position:absolute;inset:0}.cctv-header{justify-content:space-between;align-items:flex-start;display:flex}.cctv-title{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--radius-sm);font-size:.65rem;font-family:var(--font-mono);color:#fff;background:#000c;align-items:center;gap:4px;padding:4px 10px;display:flex}.cctv-rec{background:var(--danger);border-radius:50%;width:6px;height:6px;animation:1.2s infinite alternate blink}.cctv-ai-indicator{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--radius-sm);color:#fff;background:#2e7d32e6;padding:4px 10px;font-size:.65rem;font-weight:600}.cctv-scanline{background:linear-gradient(to right, transparent, var(--primary-light), transparent);opacity:.6;height:2px;animation:4s linear infinite scan;position:absolute;left:0;right:0}.cctv-health-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.cctv-health-card{background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-light);flex-direction:column;gap:6px;padding:10px;display:flex}.cctv-target{border:2px solid var(--primary);border-radius:var(--radius-xs);box-shadow:0 0 8px var(--primary-glow);transition:all 1.2s ease-in-out;position:absolute}.cctv-target-label{background:var(--primary);color:#fff;font-size:9px;font-family:var(--font-mono);white-space:nowrap;border-radius:2px 2px 0 0;padding:1px 5px;font-weight:700;position:absolute;bottom:100%;left:-2px}.cctv-footer{justify-content:space-between;align-items:center;display:flex}.cctv-timestamp{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--radius-sm);font-size:.65rem;font-family:var(--font-mono);color:#fff;background:#000c;padding:4px 10px}.cctv-stats{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--radius-sm);font-size:.65rem;font-family:var(--font-mono);color:var(--primary-light);background:#000c;padding:4px 10px}.alerts-list{flex-direction:column;gap:8px;display:flex}.alert-item{border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border-light);align-items:center;gap:12px;padding:12px 14px;transition:all .2s;display:flex;position:relative}.alert-item:hover{box-shadow:var(--shadow-sm)}.alert-item.escalated{border-color:var(--danger);background:var(--danger-surface);animation:2s infinite alternate pulseWarning}.alert-icon-wrap{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.9rem;display:flex}.alert-content{flex-grow:1;min-width:0}.alert-item-title{color:var(--text-primary);margin-bottom:2px;font-size:.8rem;font-weight:600}.alert-desc{color:var(--text-secondary);font-size:.72rem;line-height:1.4}.alert-score{text-align:right;flex-shrink:0}.alert-score-num{font-family:var(--font-mono);color:var(--text-secondary);font-size:.78rem;font-weight:600}.alert-score-label{color:var(--text-muted);font-size:.62rem}.room-filters{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.filter-btn{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;font-size:.72rem;font-weight:500;font-family:var(--font-family);padding:6px 14px;transition:all .2s}.filter-btn:hover{background:var(--bg-body);color:var(--text-primary);border-color:var(--border-medium)}.filter-btn.active{background:var(--primary-surface);color:var(--primary);border-color:var(--primary);font-weight:600}.room-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.room-card{cursor:pointer;border:1px solid var(--border-light);border-radius:var(--radius-lg);background:var(--bg-card);box-shadow:var(--shadow-xs);flex-direction:column;gap:6px;padding:14px;transition:all .2s;display:flex}.room-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.room-card-header{justify-content:space-between;align-items:center;display:flex}.room-number{color:var(--text-primary);font-size:.92rem;font-weight:700}.room-type{color:var(--text-muted);font-size:.68rem}.room-price{color:var(--primary);font-size:.78rem;font-weight:600}.room-actions{margin-top:4px}.room-btn{border-radius:var(--radius-sm);cursor:pointer;width:100%;font-size:.7rem;font-weight:600;font-family:var(--font-family);border:none;padding:6px 0;transition:all .2s}.room-btn-check{background:var(--primary-surface);color:var(--primary);border:1px solid #2e7d3226}.room-btn-check:hover{background:#2e7d321f}.gst-grid{grid-template-columns:1.1fr 1.3fr;gap:20px;display:grid}.invoice-preview-panel{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);flex-direction:column;gap:10px;padding:20px;display:flex}.invoice-header{border-bottom:1px solid var(--border-light);justify-content:space-between;padding-bottom:10px;display:flex}.invoice-logo{font-size:.95rem;font-weight:700}.invoice-meta{text-align:right;color:var(--text-muted);font-size:.7rem;font-family:var(--font-mono)}.invoice-bill-to{flex-direction:column;gap:2px;font-size:.75rem;display:flex}.invoice-table{border-collapse:collapse;width:100%;margin:10px 0;font-size:.75rem}.invoice-table th,.invoice-table td{text-align:left;border-bottom:1px solid var(--border-light);padding:8px 10px}.invoice-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.68rem;font-weight:600}.invoice-table td.right,.invoice-table th.right{text-align:right}.invoice-summary{border-top:1px solid var(--border-light);flex-direction:column;gap:4px;margin-top:auto;padding-top:10px;font-size:.75rem;display:flex}.invoice-row{justify-content:space-between;display:flex}.invoice-row.total{color:var(--primary);border-top:2px solid var(--border-light);margin-top:4px;padding-top:6px;font-size:.95rem;font-weight:700}.form-group{flex-direction:column;gap:5px;margin-bottom:12px;display:flex}.form-group label{color:var(--text-secondary);font-size:.72rem;font-weight:600}.form-input,.form-select{background:var(--bg-body);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-family);outline:none;padding:8px 12px;font-size:.82rem;transition:border-color .2s,box-shadow .2s}.form-input:focus,.form-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.form-input::placeholder{color:var(--text-muted)}.wifi-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.wifi-client-row{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);justify-content:space-between;align-items:center;padding:10px 14px;font-size:.75rem;transition:all .2s;display:flex}.wifi-client-row:hover{box-shadow:var(--shadow-sm)}.inventory-stock-bar{background:var(--bg-body);border:1px solid var(--border-light);border-radius:3px;height:6px;position:relative;overflow:hidden}.construction-step{gap:12px;padding-bottom:16px;display:flex;position:relative}.construction-step:not(:last-child):after{content:"";background:var(--border-light);width:2px;position:absolute;top:14px;bottom:0;left:5px}.construction-indicator{background:var(--primary);border:2px solid var(--bg-card);z-index:2;width:12px;height:12px;box-shadow:var(--shadow-xs);border-radius:50%;margin-top:3px;position:relative}.construction-indicator.done{background:var(--success)}.construction-indicator.active{background:var(--warning);box-shadow:0 0 8px var(--warning);animation:1s infinite alternate blink}.modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;background:#0006;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);width:90%;max-width:440px;box-shadow:var(--shadow-xl);padding:24px;animation:.3s cubic-bezier(.16,1,.3,1) slideUp}.modal-title-wrap{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:1.25rem;transition:color .2s}.modal-close:hover{color:var(--text-primary)}.simulator-toggle-bar{background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-light);box-shadow:var(--shadow-xs);gap:4px;margin-bottom:12px;padding:3px;display:flex}.sim-toggle-btn{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:.72rem;font-weight:500;font-family:var(--font-family);background:0 0;border:none;padding:6px 14px;transition:all .2s}.sim-toggle-btn.active{background:var(--primary-surface);color:var(--primary);font-weight:600}.iphone-frame{background:#000;border:8px solid #2a2d35;border-radius:40px;flex-direction:column;width:310px;height:600px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 45px -10px #0000004d,0 0 0 1px #0000001a}.phone-screen{background:var(--bg-body);color:var(--text-primary);font-family:var(--font-family);flex-direction:column;flex-grow:1;padding-bottom:24px;display:flex;position:relative;overflow-y:auto}.phone-status-bar{height:36px;color:var(--text-primary);z-index:10;background:var(--bg-body);justify-content:space-between;align-items:center;padding:10px 20px 0;font-size:.65rem;font-weight:600;display:flex}.phone-dynamic-island{z-index:11;background:#000;border-radius:11px;justify-content:center;align-items:center;width:86px;height:22px;display:flex;position:absolute;top:8px;left:50%;transform:translate(-50%)}.dynamic-island-camera{background:#111;border:1px solid #222;border-radius:50%;width:5px;height:5px}.phone-icons{align-items:center;gap:4px;display:flex}.phone-home-indicator{z-index:10;background:#0003;border-radius:2px;width:100px;height:4px;position:absolute;bottom:5px;left:50%;transform:translate(-50%)}.phone-inner-content{flex-direction:column;gap:12px;padding:12px;display:flex}.phone-app-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;margin-bottom:2px;padding-bottom:8px;display:flex}.phone-app-title{font-size:1rem;font-weight:700}.phone-app-subtitle{color:var(--text-muted);font-size:.7rem}.digital-key-card{background:linear-gradient(135deg, var(--primary-surface) 0%, var(--secondary-surface) 100%);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);flex-direction:column;align-items:center;gap:12px;padding:16px;display:flex;position:relative;overflow:hidden}.key-glow-ring{border:2px dashed var(--primary);cursor:pointer;background:var(--primary-surface);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:all .2s;display:flex}.key-glow-ring.unlocked{border-color:var(--success);background:var(--success-surface);box-shadow:0 0 16px #16a34a33}.key-icon{font-size:1.5rem}.phone-camera-box{aspect-ratio:1.2;border-radius:var(--radius-lg);border:1px dashed var(--border-medium);background:#f0f0f0;flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.phone-scan-line{background:var(--primary);opacity:.6;height:2px;box-shadow:0 0 8px var(--primary);animation:2.5s linear infinite scan;position:absolute;left:0;right:0}.menu-item-row{background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:10px 12px;font-size:.75rem;transition:all .2s;display:flex}.menu-item-row:hover{box-shadow:var(--shadow-sm)}.chat-bubble{border-radius:var(--radius-lg);max-width:85%;padding:8px 12px;font-size:.75rem;line-height:1.4}.chat-bubble.sent{background:var(--primary);color:#fff;border-bottom-right-radius:var(--radius-xs);align-self:flex-end}.chat-bubble.received{background:var(--bg-body);color:var(--text-primary);border:1px solid var(--border-light);border-bottom-left-radius:var(--radius-xs);align-self:flex-start}.chat-room-item{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;padding:10px;transition:all .2s}.chat-room-item:hover{background:var(--bg-card-hover);box-shadow:var(--shadow-xs)}.chat-room-item.selected{background:var(--primary-surface);border-color:var(--primary)}.chat-room-item.selected .room-title{color:var(--primary);font-weight:600}@keyframes blink{0%{opacity:.3}to{opacity:1}}@keyframes scan{0%{top:0}50%{top:100%}to{top:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseWarning{0%{box-shadow:0 0 2px #dc26261a}to{box-shadow:0 0 12px #dc262633}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.table-row-hover:hover{background:var(--bg-card-hover)}@media (width<=1100px){.app-container{flex-direction:column;height:auto;min-height:100vh;overflow-y:auto}.desktop-panel{border-right:none;flex-direction:column!important;width:100%!important;height:auto!important}.sidebar{border-right:none;border-bottom:1px solid var(--border-light);width:100%!important;height:auto!important;max-height:none!important}.main-content{height:auto!important;overflow-y:visible!important}.phone-panel{border-left:none;padding:30px 0;width:100%!important;height:auto!important}}.app-container.hide-simulator .desktop-panel{border-right:none!important;width:100%!important}.app-container.hide-simulator .phone-panel{display:none!important}.dashboard-grid{gap:16px;margin-bottom:24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important}@media (width<=1200px){.dashboard-cols{grid-template-columns:1fr!important}}.mobile-menu-toggle{display:none}.sidebar-menu-content{flex-direction:column;width:100%;display:flex}@media (width<=1100px){.sidebar{padding:12px 20px!important}.mobile-menu-toggle{display:block!important}.sidebar-menu-content{width:100%;display:none}.sidebar-menu-content.open{display:flex}}@media (width>=1101px) and (height<=780px){.iphone-frame{transform-origin:50%;margin:-35px 0;transform:scale(.85)}}@media (width>=1101px) and (height<=680px){.iphone-frame{transform-origin:50%;margin:-65px 0;transform:scale(.72)}}@media (width>=1101px) and (height<=580px){.iphone-frame{transform-origin:50%;margin:-105px 0;transform:scale(.58)}}@media (width<=900px){.access-control-main-grid,.access-control-policies-grid,.folio-manager-main-grid,.folio-ledgers-grid,.compliance-main-grid,.reports-main-grid,.frontdesk-main-grid,.frontdesk-details-grid,.frontdesk-summary-grid,.inventory-main-grid,.security-main-grid,.security-cctv-grid,.guestcrm-main-grid{grid-template-columns:1fr!important}}@media (width<=600px){.network-stats-grid{grid-template-columns:1fr!important}}