@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";:root{--primary-hue:200;--primary-sat:100%;--primary-light:40%;--primary:hsl(var(--primary-hue), var(--primary-sat), var(--primary-light));--primary-hover:hsl(var(--primary-hue), var(--primary-sat), calc(var(--primary-light) - 8%));--primary-light-bg:hsl(var(--primary-hue), var(--primary-sat), 96%);--primary-glow:hsla(var(--primary-hue), var(--primary-sat), var(--primary-light), .15);--accent-orange:#ff9500;--accent-orange-glow:#ff950026;--accent-green:#34c759;--accent-green-glow:#34c75926;--accent-red:#ff3b30;--bg-app:#f4f6fa;--bg-sidebar:#fff;--bg-card:#fff;--text-main:#1f2937;--text-muted:#6b7280;--border-color:#e5e7eb;--shadow-sm:0 1px 3px #0000000d;--shadow-md:0 4px 20px -2px #0000000d, 0 2px 8px -1px #00000008;--shadow-lg:0 12px 30px -4px #00000014, 0 4px 12px -2px #0000000a;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--font-sans:"Plus Jakarta Sans", "Outfit", system-ui, -apple-system, sans-serif;--sidebar-width:260px}[data-theme=dark]{--bg-app:#0b0f19;--bg-sidebar:#111827;--bg-card:#1f2937;--text-main:#f9fafb;--text-muted:#9ca3af;--border-color:#374151;--shadow-sm:0 1px 3px #0003;--shadow-md:0 4px 20px -2px #00000040;--shadow-lg:0 12px 30px -4px #00000059;--primary-light-bg:#0088cc1a}*{box-sizing:border-box;font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}body{background-color:var(--bg-app);color:var(--text-main);min-height:100vh;transition:background-color .3s,color .3s;overflow-x:hidden}button,input,select,textarea{font-family:inherit}.glass-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:24px;transition:transform .2s,box-shadow .2s}.glass-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn{border-radius:var(--radius-md);cursor:pointer;border:none;outline:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary) 0%, hsl(var(--primary-hue), var(--primary-sat), 35%) 100%);color:#fff;box-shadow:0 4px 14px var(--primary-glow)}.btn-primary:hover{background:linear-gradient(135deg, var(--primary-hover) 0%, hsl(var(--primary-hue), var(--primary-sat), 30%) 100%);box-shadow:0 6px 20px var(--primary-glow);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--bg-card);color:var(--text-main);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--primary-light-bg);border-color:var(--primary);color:var(--primary)}.btn-accent-orange{background:linear-gradient(135deg, var(--accent-orange) 0%, #e08300 100%);color:#fff;box-shadow:0 4px 14px var(--accent-orange-glow)}.btn-accent-orange:hover{box-shadow:0 6px 20px var(--accent-orange-glow);background:linear-gradient(135deg,#e08300 0%,#c77400 100%);transform:translateY(-1px)}.btn-accent-green{background:linear-gradient(135deg, var(--accent-green) 0%, #2bb04c 100%);color:#fff;box-shadow:0 4px 14px var(--accent-green-glow)}.btn-accent-green:hover{box-shadow:0 6px 20px var(--accent-green-glow);background:linear-gradient(135deg,#2bb04c 0%,#249941 100%);transform:translateY(-1px)}.btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none!important;transform:none!important}.form-group{margin-bottom:20px}.form-label{color:var(--text-main);margin-bottom:8px;font-size:.875rem;font-weight:600;display:block}.form-input{border-radius:var(--radius-md);border:1.5px solid var(--border-color);background-color:var(--bg-app);width:100%;color:var(--text-main);outline:none;padding:12px 16px;font-size:.95rem;transition:all .2s}.form-input:focus{border-color:var(--primary);background-color:var(--bg-card);box-shadow:0 0 0 4px var(--primary-glow)}.badge{border-radius:9999px;align-items:center;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-owner{background-color:var(--primary-light-bg);color:var(--primary)}.badge-tenant{color:var(--accent-green);background-color:#34c7591a}.badge-warning{color:var(--accent-orange);background-color:#ff95001a}.badge-danger{color:var(--accent-red);background-color:#ff3b301a}.app-container{min-height:100vh;display:flex}.main-content{margin-left:var(--sidebar-width);flex:1;padding:30px;transition:margin-left .3s}@media (width<=1024px){.main-content{margin-left:0;padding:80px 20px 20px}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-app)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.sidebar-logo img{image-rendering:-webkit-optimize-contrast;object-fit:contain!important;width:auto!important;height:42px!important}.brand-logo-img{image-rendering:-webkit-optimize-contrast;object-fit:contain!important;width:auto!important;height:64px!important}.mobile-logo img{image-rendering:-webkit-optimize-contrast;object-fit:contain!important;width:auto!important;height:40px!important}.requests-layout{grid-template-columns:320px 1fr;gap:24px;height:calc(100vh - 160px);min-height:550px;display:grid}@media (width<=900px){.requests-layout{grid-template-columns:1fr;height:auto}.requests-chat-pane,.requests-layout.has-selected .requests-sidebar-pane{display:none}.requests-layout.has-selected .requests-chat-pane{display:block}}.requests-sidebar-pane{border-right:1px solid var(--border-color);flex-direction:column;height:100%;padding-right:20px;display:flex}.requests-list{flex-direction:column;flex:1;gap:12px;margin-top:16px;padding-right:4px;display:flex;overflow-y:auto}.request-list-item{border-radius:var(--radius-md);background-color:var(--bg-app);cursor:pointer;border:1.5px solid #0000;padding:16px;transition:all .2s}.request-list-item:hover{background-color:var(--primary-light-bg);border-color:#0088cc26}.request-list-item.active{background-color:var(--primary-light-bg);border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.request-item-top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.request-date{color:var(--text-muted);font-size:.75rem;font-weight:500}.request-title{color:var(--text-main);margin-bottom:4px;font-size:.95rem;font-weight:700;line-height:1.3}.request-property{color:var(--text-muted);margin-bottom:8px;font-size:.8rem;font-weight:600}.priority-indicator{border-radius:4px;padding:2px 8px;font-size:.75rem;font-weight:700;display:inline-block}.priority-indicator.low{color:var(--accent-green);background-color:#34c7591a}.priority-indicator.normal{background-color:var(--primary-light-bg);color:var(--primary)}.priority-indicator.high{color:var(--accent-orange);background-color:#ff95001a}.priority-indicator.urgent{color:var(--accent-red);background-color:#ff3b301a}.requests-chat-pane{flex-direction:column;height:100%;display:flex}.chat-container{border-radius:var(--radius-md);background-color:var(--bg-app);border:1px solid var(--border-color);flex-direction:column;height:100%;display:flex;overflow:hidden}.chat-header{background-color:var(--bg-sidebar);border-bottom:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.chat-header-info h3{margin-bottom:2px;font-size:1.1rem;font-weight:700}.chat-header-info p{color:var(--text-muted);font-size:.8rem}.chat-header-actions{align-items:center;display:flex}.select-status-input{background-color:var(--bg-app);border:1.5px solid var(--border-color);color:var(--text-main);outline:none;font-weight:600}.chat-messages-area{background-image:radial-gradient(var(--border-color) 1px, transparent 0);background-size:16px 16px;flex-direction:column;flex:1;gap:16px;padding:20px;display:flex;overflow-y:auto}.chat-message-bubble{flex-direction:column;max-width:70%;display:flex}.chat-message-bubble.sent{align-self:flex-end;align-items:flex-end}.chat-message-bubble.received{align-self:flex-start;align-items:flex-start}.message-sender-name{color:var(--text-muted);margin-bottom:4px;font-size:.7rem;font-weight:700}.message-bubble-content{border-radius:var(--radius-md);word-break:break-word;padding:12px 16px;font-size:.9rem;line-height:1.4}.sent .message-bubble-content{background:linear-gradient(135deg, var(--primary) 0%, hsl(var(--primary-hue), var(--primary-sat), 35%) 100%);color:#fff;box-shadow:0 2px 8px var(--primary-glow);border-bottom-right-radius:2px}.received .message-bubble-content{background-color:var(--bg-sidebar);color:var(--text-main);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-bottom-left-radius:2px}.message-time{color:var(--text-muted);margin-top:4px;font-size:.65rem;font-weight:500}.no-messages-text{text-align:center;color:var(--text-muted);margin:auto;font-size:.85rem}.chat-input-area{background-color:var(--bg-sidebar);border-top:1px solid var(--border-color);gap:12px;padding:16px 20px;display:flex}.chat-input-field{background-color:var(--bg-app);flex:1}.chat-empty-state{text-align:center;height:100%;color:var(--text-muted);border:2px dashed var(--border-color);border-radius:var(--radius-lg);background-color:#00000005;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:40px;display:flex}.chat-empty-state h3{color:var(--text-main);font-size:1.2rem;font-weight:700}.chat-empty-state p{max-width:320px;font-size:.875rem;line-height:1.5}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.05)}}.btn-subtab{cursor:pointer;background:0 0;border:none;border-radius:0;padding-bottom:8px;font-weight:600;transition:all .2s;display:block}.btn-subtab:hover{color:var(--primary)!important}.tenant-initials-avatar{box-shadow:0 2px 8px var(--primary-glow);transition:transform .2s}.tenant-initials-avatar:hover{transform:scale(1.05)}