.app-layout{display:flex;min-height:calc(100vh - 70px);margin-top:70px}.app-sidebar{width:220px;min-width:220px;background:var(--glass-bg, rgba(15, 23, 42, .8));backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-right:1px solid var(--glass-border, rgba(255, 255, 255, .08));display:flex;flex-direction:column;position:fixed;top:70px;left:0;bottom:0;z-index:100;transition:transform .3s ease}.sidebar-brand{padding:16px 14px 12px;border-bottom:1px solid var(--glass-border, rgba(255, 255, 255, .08))}.sidebar-brand h2{font-size:13px;font-weight:700;letter-spacing:.3px;margin:0 0 4px;color:var(--text-primary, #fff)}.sidebar-brand .sidebar-tagline{font-size:9px;color:var(--text-muted, rgba(255, 255, 255, .5));text-transform:uppercase;letter-spacing:.8px;margin:0;line-height:1.4}.app-sidebar .sidebar-nav{flex:1;padding:12px 12px 16px;overflow-y:auto}.sidebar-link{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;color:var(--text-muted, rgba(255, 255, 255, .6));text-decoration:none;font-size:14px;font-weight:500;transition:all .2s ease;margin-bottom:4px}.sidebar-link:hover{background:#8b5cf61a;color:var(--text-primary, #fff)}.sidebar-link.active{background:linear-gradient(135deg,#8b5cf633,#1f5bff26);color:var(--primary, #8b5cf6);border:1px solid rgba(139,92,246,.3)}.sidebar-link.active svg{stroke:var(--primary, #8b5cf6)}.sidebar-link svg{flex-shrink:0;opacity:.7;transition:opacity .2s}.sidebar-link:hover svg{opacity:1}.sidebar-badge{margin-left:auto;padding:2px 6px;font-size:10px;font-weight:600;background:linear-gradient(135deg,var(--primary, #8b5cf6) 0%,var(--primary-light, #a78bfa) 100%);color:#fff;border-radius:4px;text-transform:uppercase}.sidebar-divider{height:1px;background:var(--glass-border, rgba(255, 255, 255, .08));margin:12px 0}.sidebar-quick-actions{padding:0 12px 12px}.sidebar-section-title{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted, rgba(255, 255, 255, .4));padding:8px 14px 6px;margin-bottom:4px}.sidebar-action-btn{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;background:transparent;border:1px solid transparent;border-radius:8px;color:var(--text-muted, rgba(255, 255, 255, .6));font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;margin-bottom:2px}.sidebar-action-btn:hover{background:#8b5cf61a;color:var(--text-primary, #fff);border-color:#8b5cf633}.sidebar-action-btn svg{flex-shrink:0;opacity:.7}.sidebar-action-btn:hover svg{opacity:1}.sidebar-link-external{color:var(--text-muted, rgba(255, 255, 255, .5))}.sidebar-link-external:hover{color:var(--primary-light, #a78bfa)}.sidebar-footer{padding:12px;border-top:1px solid var(--glass-border, rgba(255, 255, 255, .08))}.sidebar-footer .btn-help{display:flex;align-items:center;gap:8px;width:100%;padding:10px 14px;background:transparent;border:1px solid var(--glass-border, rgba(255, 255, 255, .08));border-radius:8px;color:var(--text-muted, rgba(255, 255, 255, .6));font-size:13px;cursor:pointer;transition:all .2s}.sidebar-footer .btn-help:hover{background:#ffffff0d;color:var(--text-primary, #fff);border-color:#ffffff26}.app-main{flex:1;margin-left:220px;min-height:calc(100vh - 70px)}.app-main .container,.app-main .dashboard-container,.app-main .reports-container,.app-main .archive-container,.app-main .pipeline-container,.app-main .settings-container,.app-main .workspaces-container,.app-main .team-container{padding:16px 20px 42px;max-width:none;margin:0}@media (max-width: 1024px){.app-sidebar{transform:translate(-100%)}.app-sidebar.open{transform:translate(0)}.app-main{margin-left:0}.mobile-menu-toggle{display:flex}}@media (min-width: 1025px){.mobile-menu-toggle{display:none}}.app-sidebar.collapsed{width:60px;min-width:60px}.app-sidebar.collapsed .sidebar-link span,.app-sidebar.collapsed .sidebar-badge,.app-sidebar.collapsed .sidebar-footer span{display:none}.app-sidebar.collapsed .sidebar-link{justify-content:center;padding:12px}.app-sidebar.collapsed+.app-main{margin-left:60px}
