:root{--bg-main: #0b0f19;--bg-card: rgba(17, 24, 39, .7);--bg-card-solid: #111827;--bg-hover: rgba(255, 255, 255, .05);--border-color: rgba(255, 255, 255, .08);--text-main: #f9fafb;--text-muted: #9ca3af;--text-dim: #6b7280;--primary: #6366f1;--primary-hover: #4f46e5;--primary-glow: rgba(99, 102, 241, .3);--accent-cyan: #06b6d4;--accent-purple: #a855f7;--accent-green: #10b981;--accent-amber: #f59e0b;--accent-rose: #f43f5e;--glass-backdrop: blur(12px);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-full: 9999px;--shadow-main: 0 10px 30px -10px rgba(0, 0, 0, .5)}[data-theme=light]{--bg-main: #f3f4f6;--bg-card: rgba(255, 255, 255, .8);--bg-card-solid: #ffffff;--bg-hover: rgba(0, 0, 0, .04);--border-color: rgba(0, 0, 0, .08);--text-main: #111827;--text-muted: #4b5563;--text-dim: #9ca3af;--shadow-main: 0 10px 30px -10px rgba(0, 0, 0, .1)}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}body{background-color:var(--bg-main);color:var(--text-main);overflow-x:hidden}.app-container{display:flex;height:100vh;width:100vw;overflow:hidden;position:relative}.sidebar{width:260px;background:var(--bg-card);-webkit-backdrop-filter:var(--glass-backdrop);backdrop-filter:var(--glass-backdrop);border-right:1px solid var(--border-color);display:flex;flex-direction:column;justify-content:space-between;padding:1.25rem 1rem;transition:width .3s cubic-bezier(.4,0,.2,1);z-index:50;position:relative}.brand-header{display:flex;align-items:center;gap:.75rem;padding-bottom:1.25rem;border-bottom:1px solid var(--border-color);margin-bottom:1.25rem}.brand-logo{width:36px;height:36px;background:linear-gradient(135deg,var(--primary),var(--accent-purple));border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff;box-shadow:0 4px 12px var(--primary-glow)}.brand-name{font-weight:700;font-size:1.1rem;letter-spacing:-.02em}.tenant-badge{font-size:.7rem;color:var(--primary);background:var(--primary-glow);padding:2px 8px;border-radius:var(--radius-full);font-weight:600;display:inline-block;margin-top:2px}.nav-list{list-style:none;display:flex;flex-direction:column;gap:.35rem}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:var(--radius-md);color:var(--text-muted);font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease}.nav-item:hover{background:var(--bg-hover);color:var(--text-main)}.nav-item.active{background:linear-gradient(90deg,var(--primary-glow),transparent);color:var(--primary);border-left:3px solid var(--primary)}.main-content{flex:1;display:flex;flex-direction:column;background:var(--bg-main);overflow-y:auto}.topbar{height:64px;padding:0 2rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-color);background:var(--bg-card);-webkit-backdrop-filter:var(--glass-backdrop);backdrop-filter:var(--glass-backdrop)}.topbar-title{font-size:1.25rem;font-weight:700}.topbar-actions{display:flex;align-items:center;gap:1rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1.2rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-hover));color:#fff;box-shadow:0 4px 14px var(--primary-glow)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px var(--primary-glow)}.btn-secondary{background:var(--bg-card-solid);color:var(--text-main);border-color:var(--border-color)}.btn-secondary:hover{background:var(--bg-hover)}.btn-success{background:var(--accent-green);color:#fff}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:var(--glass-backdrop);backdrop-filter:var(--glass-backdrop);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-main)}.chat-container{display:flex;height:calc(100vh - 64px)}.chat-list-panel{width:320px;border-right:1px solid var(--border-color);display:flex;flex-direction:column;background:var(--bg-card)}.chat-item{display:flex;align-items:center;gap:.75rem;padding:1rem;border-bottom:1px solid var(--border-color);cursor:pointer;transition:background .2s}.chat-item:hover,.chat-item.active{background:var(--bg-hover)}.chat-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover}.chat-info{flex:1;overflow:hidden}.chat-name{font-size:.95rem;font-weight:600;display:flex;justify-content:space-between}.chat-time{font-size:.75rem;color:var(--text-dim)}.chat-last-msg{font-size:.8rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.chat-view-panel{flex:1;display:flex;flex-direction:column;background:var(--bg-main)}.chat-view-header{padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;background:var(--bg-card)}.messages-list{flex:1;padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1rem}.msg-bubble{max-width:65%;padding:.75rem 1rem;border-radius:var(--radius-md);font-size:.9rem;line-height:1.4}.msg-bubble.inbound{background:var(--bg-card-solid);border:1px solid var(--border-color);align-self:flex-start;border-bottom-left-radius:2px}.msg-bubble.outbound{background:linear-gradient(135deg,var(--primary),var(--primary-hover));color:#fff;align-self:flex-end;border-bottom-right-radius:2px}.chat-input-area{padding:1rem 1.5rem;border-top:1px solid var(--border-color);display:flex;gap:.75rem;background:var(--bg-card)}.chat-input{flex:1;background:var(--bg-main);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.6rem 1rem;color:var(--text-main);outline:none}.chat-input:focus{border-color:var(--primary)}.kanban-board{display:flex;gap:1.5rem;padding:1.5rem;overflow-x:auto;height:calc(100vh - 64px)}.kanban-column{width:300px;min-width:300px;background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-color);display:flex;flex-direction:column}.kanban-header{padding:1rem;font-weight:700;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color)}.kanban-cards{padding:1rem;display:flex;flex-direction:column;gap:.75rem;overflow-y:auto}.kanban-card{background:var(--bg-card-solid);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1rem;cursor:grab;transition:transform .2s,box-shadow .2s}.kanban-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.badge{padding:2px 8px;border-radius:var(--radius-full);font-size:.7rem;font-weight:700;text-transform:uppercase}.badge-green{background:#10b98133;color:var(--accent-green)}.badge-blue{background:#06b6d433;color:var(--accent-cyan)}.badge-purple{background:#a855f733;color:var(--accent-purple)}.badge-amber{background:#f59e0b33;color:var(--accent-amber)}.badge-rose{background:#f43f5e33;color:var(--accent-rose)}.qr-card{text-align:center;max-width:440px;margin:3rem auto}.qr-image{width:240px;height:240px;background:#fff;padding:12px;border-radius:var(--radius-lg);margin:1.5rem auto;box-shadow:0 10px 30px #0006}.sidebar-toggle-floating{position:fixed;top:18px;left:246px;width:28px;height:28px;background:var(--bg-card-solid);border:1px solid var(--border-color);border-radius:50%;cursor:pointer;z-index:100;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0006;outline:none}.sidebar-toggle-floating:hover{background:var(--primary);border-color:var(--primary);transform:scale(1.1);box-shadow:0 6px 16px var(--primary-glow)}.sidebar.collapsed{width:72px}.sidebar.collapsed+.sidebar-toggle-floating{left:58px}@media (max-width: 900px){.sidebar{position:fixed;top:0;bottom:0;left:0;width:240px;transform:translate(0);transition:transform .3s ease;box-shadow:10px 0 30px #00000080}.sidebar.collapsed{transform:translate(-100%);width:240px}.sidebar-toggle-floating{left:226px}.sidebar.collapsed+.sidebar-toggle-floating{left:12px;background:var(--primary)}.main-content{margin-left:0!important;width:100vw!important;padding:1rem!important}.calendar-grid{grid-template-columns:repeat(1,1fr)!important}}.calendar-view{padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.calendar-month-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.calendar-grid-header{display:grid;grid-template-columns:repeat(7,1fr);background:var(--bg-card-solid);border:1px solid var(--border-color);border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md);border-bottom:2px solid var(--primary-glow)}.calendar-day-head{padding:.75rem .5rem;text-align:center;font-weight:700;font-size:.85rem;color:var(--text-muted);border-right:1px solid var(--border-color)}.calendar-day-head:last-child{border-right:none}.calendar-grid-body{display:grid;grid-template-columns:repeat(7,1fr);border-left:1px solid var(--border-color);border-bottom:1px solid var(--border-color);border-bottom-left-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md);background:var(--bg-main)}.calendar-cell{min-height:110px;padding:.5rem;border-right:1px solid var(--border-color);border-bottom:1px solid var(--border-color);background:var(--bg-card);display:flex;flex-direction:column;gap:.35rem;transition:background .2s;cursor:pointer}.calendar-cell:hover{background:var(--bg-hover)}.calendar-cell.other-month{opacity:.35;background:#0003}.calendar-cell.today{background:#6366f126;border:2px solid var(--primary)}.calendar-day-number{font-size:.8rem;font-weight:800;color:var(--text-main);align-self:flex-end;width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:50%}.calendar-cell.today .calendar-day-number{background:var(--primary);color:#fff}.calendar-event-pill{background:linear-gradient(135deg,var(--primary),var(--primary-hover));color:#fff;padding:3px 6px;border-radius:var(--radius-sm);font-size:.72rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 2px 6px #0000004d}
