.sidebar{border-right:1px solid var(--border-color);background:var(--bg-tertiary);border-top:none;border-bottom:none;border-left:none;border-radius:0;flex-direction:column;width:280px;height:100vh;display:flex;position:sticky;top:0}.sidebar-header{padding:2rem 1.5rem}.header-title{font-size:1.5rem;font-weight:700}.sidebar-nav{scrollbar-width:thin;scrollbar-color:#ffffff1a transparent;flex-direction:column;flex:1;gap:.5rem;padding:0 1rem;display:flex;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.nav-item{color:var(--text-secondary);border-radius:var(--radius-md);transition:all var(--transition-fast);align-items:center;gap:.75rem;padding:.875rem 1rem;font-weight:500;display:flex}.nav-item:hover{background:var(--bg-secondary);color:var(--text-primary)}.nav-item.active{color:var(--accent-primary);border-left:3px solid var(--accent-primary);background:linear-gradient(90deg,#3b82f61a,#0000)}.sidebar-footer{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.user-profile{align-items:center;gap:.75rem;display:flex}.avatar{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#fff;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;font-weight:700;display:flex}.user-info{flex-direction:column;display:flex}.user-info .name{color:var(--text-primary);font-size:.9rem;font-weight:600}.user-info .role{color:var(--text-muted);font-size:.75rem}.btn-logout{color:var(--text-muted);transition:color var(--transition-fast)}.btn-logout:hover{color:#ef4444}.dashboard-header{margin-bottom:3rem}.dashboard-header h1{margin-bottom:.5rem;font-size:2rem}.apps-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;display:grid}.app-card{flex-direction:column;display:flex;overflow:hidden}.app-card-header{width:100%;height:120px}.bg-analytics{background:linear-gradient(135deg,#3b82f6cc,#1e40afcc),url(https://images.unsplash.com/photo-1551288049-bebda4e38f71?auto=format&fit=crop&w=600&q=80) 50%/cover}.bg-social{background:linear-gradient(135deg,#8b5cf6cc,#5b21b6cc),url(https://images.unsplash.com/photo-1611162617474-5b21e879e113?auto=format&fit=crop&w=600&q=80) 50%/cover}.app-card-body{flex-direction:column;flex:1;padding:1.5rem;display:flex}.app-card-body h3{margin-bottom:.5rem;font-size:1.25rem}.app-card-body p{color:var(--text-secondary);flex:1;margin-bottom:1rem;font-size:.9rem}.mobile-header{background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);z-index:100;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:none;position:sticky;top:0}@media (width<=768px){.app-container{flex-direction:column}.mobile-header{display:flex}.sidebar{z-index:999;height:100vh;box-shadow:var(--shadow-lg);transition:transform .3s;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:998;background:#0009;display:none;position:fixed;inset:0}.sidebar-overlay.open{display:block}}.dashboard-content-wrapper{flex-direction:column;flex:1;padding:2rem;display:flex}@media (width<=768px){.dashboard-content-wrapper{padding:1.25rem 1rem!important}}.split-screen-container{border-radius:var(--radius-lg);border:1px solid var(--border-color);background:var(--bg-glass);width:100%;height:calc(100vh - 120px);display:flex;overflow:hidden}.split-screen-sidebar{border-right:1px solid var(--border-color);background:#0000001a;flex-direction:column;flex-shrink:0;width:380px;display:flex}.split-screen-main{background:#0000000d;flex-direction:column;flex:1;min-width:0;display:flex}@media (width<=768px){.split-screen-container{height:calc(100vh - 140px);position:relative}.split-screen-sidebar{border-right:none;width:100%!important;display:flex!important}.split-screen-main{z-index:10;background:var(--bg-primary);width:100%;height:100%;position:absolute;top:0;left:0;display:none!important}.split-screen-container.chat-active .split-screen-sidebar{display:none!important}.split-screen-container.chat-active .split-screen-main{display:flex!important}.mobile-back-btn{border-radius:var(--radius-full);border:1px solid var(--border-color);width:36px;height:36px;color:var(--text-primary);background:#ffffff0d;justify-content:center;align-items:center;margin-right:.75rem;display:inline-flex!important}}.responsive-grid-2{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.responsive-grid-4{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.responsive-grid-1-2{grid-template-columns:1fr 2fr;gap:1rem;display:grid}@media (width<=768px){.responsive-grid-2{grid-template-columns:1fr!important;gap:1rem!important}.responsive-grid-4{grid-template-columns:repeat(2,1fr)!important;gap:.75rem!important}.responsive-grid-1-2{grid-template-columns:1fr!important;gap:.5rem!important}}@media (width<=480px){.responsive-grid-4{grid-template-columns:1fr!important}}.ai-config-form{align-items:flex-end;gap:1rem;display:flex}.ai-chat-area{flex-direction:column;flex:1;gap:1.5rem;padding:2rem;display:flex;overflow-y:auto}@media (width<=768px){.ai-config-form{flex-direction:column;align-items:stretch}.ai-config-form button{width:100%}.ai-chat-area{gap:1rem!important;padding:1rem!important}}.options-add-user-form{flex-wrap:wrap;align-items:flex-end;gap:1rem;display:flex}.options-table-header{border-bottom:1px solid var(--border-color);background:#0000001a;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}@media (width<=768px){.options-add-user-form{flex-direction:column;align-items:stretch}.options-add-user-form>div{flex:none!important;width:100%!important}.options-add-user-form button{width:100%;margin-top:.5rem}.options-table-header{flex-direction:column;align-items:stretch}.options-table-header div{flex-direction:column;gap:.5rem;width:100%;display:flex}}.ai-assistant-wrapper{flex-direction:column!important;gap:1.5rem!important;height:calc(100vh - 4rem)!important;padding:0!important;display:flex!important;overflow:hidden!important}.ai-header{justify-content:space-between!important;align-items:center!important;gap:1rem!important;display:flex!important}.ai-message-bubble{border-radius:16px!important;max-width:80%!important;padding:1rem 1.25rem!important;font-size:.95rem!important;line-height:1.5!important}.ai-input-container{background:#0003!important;border-top:1px solid #ffffff0d!important;padding:1.5rem!important}.ai-input-form{gap:1rem!important;display:flex!important}.ai-input-field{color:var(--text-primary)!important;background:#ffffff0d!important;border:1px solid #ffffff1a!important;border-radius:30px!important;flex:1!important;padding:1rem 1.5rem!important;font-size:.95rem!important}.ai-input-field:focus{border-color:#a78bfa80!important;box-shadow:0 0 0 3px #a78bfa33!important}.ai-send-button{color:#1e1e2d!important;transition:all var(--transition-fast)!important;background:#a78bfa!important;border-radius:30px!important;justify-content:center!important;align-items:center!important;gap:.5rem!important;padding:0 2rem!important;font-weight:600!important;display:inline-flex!important}.ai-send-button:hover:not(:disabled){background:#c084fc!important;transform:translateY(-1px)!important}.ai-send-button:disabled{opacity:.5!important;cursor:not-allowed!important}@media (width<=768px){.ai-assistant-wrapper{gap:1rem!important;height:calc(100dvh - 6.5rem)!important}.ai-header{flex-direction:column!important;align-items:stretch!important;gap:.75rem!important}.ai-header button{width:100%!important}.ai-message-bubble{max-width:90%!important;padding:.875rem 1rem!important;font-size:.9rem!important}.ai-input-container{padding:1rem!important}.ai-input-field{padding:.75rem 1.25rem!important;font-size:.9rem!important}}@media (width<=480px){.ai-send-btn-text{display:none!important}.ai-send-button{border-radius:50%!important;width:42px!important;height:42px!important;padding:0!important}}.typing-dot{background-color:#a78bfa!important;border-radius:50%!important;width:8px!important;height:8px!important;animation:1.4s ease-in-out infinite both typing-bounce!important;display:inline-block!important}.typing-dot:nth-child(2){animation-delay:.2s!important}.typing-dot:nth-child(3){animation-delay:.4s!important}@keyframes typing-bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}