.sidebar{width:var(--sidebar-width);background:var(--sidebar-bg,var(--color-bg-secondary));border-right:1px solid var(--sidebar-border,var(--color-glass-border));z-index:var(--z-sticky);transition:width var(--duration-normal) var(--ease-default), transform var(--duration-normal) var(--ease-default);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:visible}.sidebar-collapsed{width:var(--sidebar-collapsed-width)}.sidebar-header{padding:var(--space-4) var(--space-4);height:var(--topbar-height);border-bottom:1px solid var(--sidebar-border,var(--color-glass-border));flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.sidebar-logo{align-items:center;gap:var(--space-3);color:var(--color-text-primary);text-decoration:none;display:flex;overflow:hidden}.sidebar-logo-icon{border-radius:var(--radius-lg);background:#ffffff26;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.sidebar-logo-text{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--color-text-primary);white-space:nowrap;letter-spacing:.04em}[data-theme=jobie-purple] .sidebar-logo-text{color:#fff!important}[data-theme=light] .sidebar-logo-text{color:#0f172a!important}.sidebar-logo-sub{color:#ffffffb3;font-size:10px;font-weight:var(--weight-medium);letter-spacing:.02em;margin-top:-1px}[data-theme=light] .sidebar-logo-sub{color:#64748b!important}.sidebar-quick-action{padding:var(--space-2) var(--space-3) var(--space-2) var(--space-3);flex-shrink:0}.sidebar-quick-badge{align-items:center;gap:var(--space-2);border-radius:var(--radius-md);color:#fff;font-size:var(--text-xs);font-weight:var(--weight-semibold);transition:all var(--duration-fast) var(--ease-default);background:#ffffff1a;border:1px solid #ffffff2e;padding:8px 12px;display:flex}.sidebar-quick-badge:hover{background:#ffffff29}[data-theme=light] .sidebar-quick-badge{color:#0f172a;background:#f1f5f9;border:1px solid #e2e8f0}.sidebar-section-title{font-size:10px;font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.08em;color:#ffffff73;padding:var(--space-2) var(--space-4) var(--space-1) var(--space-4);-webkit-user-select:none;user-select:none}[data-theme=light] .sidebar-section-title{color:#94a3b8}.sidebar-toggle{border-radius:var(--radius-md);width:28px;height:28px;color:var(--sidebar-text,var(--color-text-muted));transition:all var(--duration-fast) var(--ease-default);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-toggle:hover{background:var(--color-glass-hover);color:var(--color-text-primary)}[data-theme=jobie-purple] .sidebar-toggle:hover{color:#fff;background:#ffffff1f}.sidebar-collapsed .sidebar-toggle{margin-left:auto;margin-right:auto}.sidebar-nav{padding:var(--space-1) 0 var(--space-4) 0;gap:var(--space-1);scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;flex:1;display:flex;overflow:visible auto}.sidebar-nav::-webkit-scrollbar{width:0;height:0;display:none}.sidebar-nav-item{align-items:center;gap:var(--space-3);border-radius:var(--radius-md);color:var(--sidebar-text,var(--color-text-secondary));font-size:var(--text-sm);font-weight:var(--weight-medium);transition:all var(--duration-fast) var(--ease-default);white-space:nowrap;margin:1px 12px;padding:.72rem 1rem;text-decoration:none;display:flex;position:relative}.sidebar-nav-item:hover{background:var(--color-glass-hover);color:var(--color-text-primary)}[data-theme=jobie-purple] .sidebar-nav-item:hover{color:#fff;background:#ffffff24}.sidebar-nav-item.active{background:var(--sidebar-active-bg,#14b8a614);color:var(--sidebar-text-active,var(--color-accent))}[data-theme=jobie-purple] .sidebar{box-shadow:none!important;border-right:none!important}[data-theme=jobie-purple] .sidebar-header{border-bottom:none!important}[data-theme=jobie-purple] .sidebar-nav-item{color:#ffffffe0}[data-theme=jobie-purple] .sidebar:not(.sidebar-collapsed) .sidebar-nav-item.active{font-weight:var(--weight-bold);z-index:10;position:relative;color:#4f00b5!important;box-shadow:none!important;background:#fff!important;border-radius:28px 0 0 28px!important;margin-left:12px!important;margin-right:0!important}[data-theme=jobie-purple] .sidebar:not(.sidebar-collapsed) .sidebar-nav-item.active .sidebar-nav-icon,[data-theme=jobie-purple] .sidebar:not(.sidebar-collapsed) .sidebar-nav-item.active .sidebar-menu-arrow{color:#4f00b5!important;stroke:#4f00b5!important}[data-theme=jobie-purple] .sidebar:not(.sidebar-collapsed) .sidebar-nav-item.active:before{content:"";pointer-events:none;z-index:10;border-radius:0 0 24px;width:24px;height:24px;position:absolute;top:-24px;right:0;box-shadow:10px 10px 0 10px #fff}[data-theme=jobie-purple] .sidebar:not(.sidebar-collapsed) .sidebar-nav-item.active:after{content:"";pointer-events:none;z-index:10;border-radius:0 24px 0 0;width:24px;height:24px;position:absolute;bottom:-24px;right:0;box-shadow:10px -10px 0 10px #fff}[data-theme=jobie-purple] .sidebar.sidebar-collapsed .sidebar-nav-item.active{border-radius:var(--radius-lg);background:#fff;margin:1px auto;color:#4f00b5!important}.sidebar-nav-indicator{background:var(--gradient-accent);border-radius:0 var(--radius-full) var(--radius-full) 0;width:3px;height:20px;animation:scaleIn var(--duration-fast) var(--ease-bounce);position:absolute;top:50%;left:0;transform:translateY(-50%)}[data-theme=jobie-purple] .sidebar-nav-indicator{display:none}.sidebar-nav-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.sidebar-nav-label{text-overflow:ellipsis;overflow:hidden}.sidebar-collapsed .sidebar-nav-item{padding:var(--space-2);justify-content:center}.sidebar-collapsed .sidebar-nav-icon{margin:0}.sidebar-footer{padding:var(--space-3) var(--space-2);border-top:1px solid var(--sidebar-border,var(--color-glass-border));flex-shrink:0}.sidebar-user{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);cursor:pointer;transition:background var(--duration-fast) var(--ease-default);display:flex;overflow:hidden}.sidebar-user:hover{background:var(--color-glass-hover)}[data-theme=jobie-purple] .sidebar-user:hover{background:#ffffff1f}.sidebar-user-info{flex:1;min-width:0;overflow:hidden}.sidebar-user-name{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-primary)}.sidebar-user-role{font-size:var(--text-xs);color:var(--color-text-muted)}[data-theme=jobie-purple] .sidebar-user-name{color:#fff}[data-theme=jobie-purple] .sidebar-user-role{color:#ffffffb3}.sidebar-collapsed .sidebar-user{padding:var(--space-2);justify-content:center}@media (max-width:768px){.sidebar{z-index:var(--z-sticky);transform:translate(-100%)}.sidebar.sidebar-mobile-open{transform:translate(0)}}.sidebar-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:calc(var(--z-sticky) - 1);background:#00000080;display:none;position:fixed;inset:0}@media (max-width:768px){.sidebar-overlay{display:block}}.sidebar-menu-wrapper{flex-direction:column;display:flex}.sidebar-submenu{border-left:1px solid var(--color-glass-border);opacity:0;flex-direction:column;gap:4px;max-height:0;margin-top:4px;margin-bottom:6px;margin-left:22px;padding-left:16px;transition:max-height .3s cubic-bezier(.4,0,.2,1),opacity .25s ease-out;display:flex;overflow:hidden}[data-theme=jobie-purple] .sidebar-submenu{border-left:1px solid #ffffff26}.sidebar-submenu.expanded{opacity:1;max-height:250px}.sidebar-submenu-collapsed{opacity:0;pointer-events:none;max-height:0}.sidebar-subnav-item{border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:var(--weight-medium);transition:all var(--duration-fast) var(--ease-default);align-items:center;gap:10px;padding:7px 12px;text-decoration:none;display:flex;position:relative}.sidebar-subnav-item:before{content:"";background:var(--color-text-muted);opacity:.5;width:5px;height:5px;transition:all var(--duration-fast) var(--ease-default);border-radius:50%;flex-shrink:0}.sidebar-subnav-item:hover{background:var(--color-glass-hover);color:var(--color-text-primary)}.sidebar-subnav-item:hover:before{background:var(--color-text-primary);opacity:.9;transform:scale(1.2)}.sidebar-subnav-item.active{color:var(--color-accent);background:#14b8a60f}.sidebar-subnav-item.active:before{background:var(--color-accent);opacity:1;box-shadow:0 0 6px var(--color-accent);transform:scale(1.5)}[data-theme=light] .sidebar-subnav-item{color:#475569!important}[data-theme=light] .sidebar-subnav-item:before{background:#94a3b8!important}[data-theme=light] .sidebar-subnav-item:hover{color:#0f172a!important;background:#f1f5f9!important}[data-theme=light] .sidebar-subnav-item.active{color:#fff!important;border-radius:var(--radius-md)!important;background:#0d9488!important;font-weight:700!important;box-shadow:0 2px 8px #0d948840!important}[data-theme=light] .sidebar-subnav-item.active:before{opacity:1!important;background:#fff!important;transform:scale(1.6)!important}[data-theme=light] .sidebar-submenu{border-left:1px solid #e2e8f0!important}[data-theme=jobie-purple] .sidebar-subnav-item{color:#fffc;font-size:.8125rem}[data-theme=jobie-purple] .sidebar-subnav-item:before{background:#fff9}[data-theme=jobie-purple] .sidebar-subnav-item:hover{color:#fff;background:#ffffff2e}[data-theme=jobie-purple] .sidebar-subnav-item.active{color:#fff!important;border-radius:var(--radius-md)!important;background:#ffffff47!important;font-weight:700!important;box-shadow:0 2px 8px #00000026!important}[data-theme=jobie-purple] .sidebar-subnav-item.active:before{opacity:1!important;background:#fff!important;transform:scale(1.6)!important;box-shadow:0 0 10px #fff!important}.sidebar-menu-arrow{transition:transform var(--duration-fast) var(--ease-default);color:var(--color-text-muted);align-items:center;margin-left:auto;display:flex}[data-theme=jobie-purple] .sidebar-menu-arrow{color:#ffffffb3}.sidebar-menu-arrow.rotated{transform:rotate(90deg)}
.dashboard-layout{min-height:100vh;display:flex}.dashboard-main{min-width:0;margin-left:var(--sidebar-width);background:var(--color-bg-primary);min-height:100vh;transition:margin-left var(--duration-normal) var(--ease-default);flex:1}.layout-collapsed .dashboard-main{margin-left:var(--sidebar-collapsed-width)}.page-content{padding:var(--space-6);max-width:var(--content-max-width);animation:fadeIn var(--duration-normal) var(--ease-out)}.page-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.page-header-left{gap:var(--space-1);flex-direction:column;display:flex}.page-header-actions{align-items:center;gap:var(--space-3);display:flex}.stats-grid{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.content-grid{gap:var(--space-6);display:grid}.content-grid-2{grid-template-columns:repeat(2,1fr)}.content-grid-3{grid-template-columns:repeat(3,1fr)}.content-grid-4{grid-template-columns:repeat(4,1fr)}.dashboard-charts-grid{gap:var(--space-6);grid-template-columns:1fr 380px;display:grid}.quick-actions-grid{gap:var(--space-4);margin-top:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.toolbar{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.toolbar-left{align-items:center;gap:var(--space-3);flex-wrap:wrap;flex:1;display:flex}.toolbar-right,.filter-bar{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.filter-chip{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);background:var(--color-glass);border:1px solid var(--color-glass-border);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--color-text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-default);display:inline-flex}.filter-chip:hover{border-color:var(--color-glass-border-hover);background:var(--color-glass-hover)}.filter-chip.active{border-color:var(--color-accent);color:var(--color-accent);background:#14b8a61a}.filter-chip-remove{border-radius:var(--radius-full);width:14px;height:14px;color:var(--color-text-muted);transition:color var(--duration-fast);justify-content:center;align-items:center;font-size:10px;display:flex}.filter-chip-remove:hover{color:var(--color-error)}@media (max-width:1024px){.content-grid-2,.content-grid-3,.content-grid-4,.dashboard-charts-grid{grid-template-columns:1fr}.quick-actions-grid{grid-template-columns:repeat(2,1fr)}.stats-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:768px){.dashboard-main{margin-left:0}.page-content{padding:var(--space-4)}.page-header-actions{flex-wrap:wrap;width:100%}.page-header-actions>*{min-width:calc(33.333% - var(--space-3));flex:1;justify-content:center}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.quick-actions-grid{grid-template-columns:1fr}}@media (max-width:480px){.page-header-actions>*{min-width:100%}}@keyframes pulseGlow{0%{opacity:.5;transform:scale(.95)}50%{opacity:.8;transform:scale(1.1)}to{opacity:.5;transform:scale(.95)}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-pulse-glow{animation:3s ease-in-out infinite pulseGlow}.animate-slide-up{animation:.25s cubic-bezier(.4,0,.2,1) forwards slideUp}
.tour-spotlight{z-index:390;pointer-events:none;transition:all var(--duration-normal) var(--ease-default);border:2px solid #4f00b5;border-radius:14px;position:fixed;box-shadow:0 0 0 9999px #0f172aa6,0 0 24px #4f00b566}[data-theme=light] .tour-spotlight{border-color:#0d9488;box-shadow:0 0 0 9999px #e2e8f0a6,0 0 24px #0d94884d}[data-theme=dark] .tour-spotlight{border-color:#14b8a6;box-shadow:0 0 0 9999px #080a14cc,0 0 24px #14b8a666}.tour-overlay-blocker{z-index:389;pointer-events:auto;position:fixed;inset:0}.tour-tooltip{z-index:400;-webkit-backdrop-filter:blur(20px);width:350px;max-width:90vw;animation:tourTooltipFadeIn .25s var(--ease-out) forwards;transition:all .3s var(--ease-default);background:#fff;border:1px solid #4f00b526;border-radius:20px;padding:20px 24px;position:fixed;box-shadow:0 20px 48px #4f00b533,0 6px 16px #00000014}[data-theme=jobie-purple] .tour-tooltip{background:#fff!important;border:1px solid #4f00b526!important;box-shadow:0 20px 48px #4f00b538,0 6px 16px #00000014!important}[data-theme=jobie-purple] .tour-tooltip-title{color:#1e1b4b!important;font-size:1.1rem!important;font-weight:700!important}[data-theme=jobie-purple] .tour-tooltip-step-count{color:#4f00b5!important;background:#4f00b51a!important;border-radius:20px!important;padding:4px 10px!important;font-size:.75rem!important;font-weight:700!important}[data-theme=jobie-purple] .tour-tooltip-body{color:#334155!important;font-size:.9rem!important;line-height:1.55!important}[data-theme=jobie-purple] .tour-tooltip-arrow-top:after{border-bottom-color:#fff!important}[data-theme=jobie-purple] .tour-tooltip-arrow-bottom:after{border-top-color:#fff!important}[data-theme=jobie-purple] .tour-tooltip-arrow-left:after{border-left-color:#fff!important}[data-theme=jobie-purple] .tour-tooltip-arrow-right:after{border-right-color:#fff!important}[data-theme=light] .tour-tooltip{background:#fff!important;border:1px solid #0000001a!important;box-shadow:0 20px 48px #0f172a24,0 6px 16px #0000000d!important}[data-theme=light] .tour-tooltip-title{color:#0f172a!important;font-size:1.1rem!important;font-weight:700!important}[data-theme=light] .tour-tooltip-step-count{color:#0d9488!important;background:#0d94881a!important;border-radius:20px!important;padding:4px 10px!important;font-size:.75rem!important;font-weight:700!important}[data-theme=light] .tour-tooltip-body{color:#334155!important;font-size:.9rem!important;line-height:1.55!important}[data-theme=light] .tour-tooltip-arrow-top:after{border-bottom-color:#fff!important}[data-theme=light] .tour-tooltip-arrow-bottom:after{border-top-color:#fff!important}[data-theme=light] .tour-tooltip-arrow-left:after{border-left-color:#fff!important}[data-theme=light] .tour-tooltip-arrow-right:after{border-right-color:#fff!important}[data-theme=dark] .tour-tooltip{background:#0f172a!important;border:1px solid #ffffff26!important;box-shadow:0 20px 48px #0009!important}[data-theme=dark] .tour-tooltip-title{color:#f8fafc!important;font-size:1.1rem!important;font-weight:700!important}[data-theme=dark] .tour-tooltip-step-count{color:#14b8a6!important;background:#14b8a633!important;border-radius:20px!important;padding:4px 10px!important;font-size:.75rem!important;font-weight:700!important}[data-theme=dark] .tour-tooltip-body{color:#cbd5e1!important;font-size:.9rem!important;line-height:1.55!important}[data-theme=dark] .tour-tooltip-arrow-top:after{border-bottom-color:#0f172a!important}[data-theme=dark] .tour-tooltip-arrow-bottom:after{border-top-color:#0f172a!important}[data-theme=dark] .tour-tooltip-arrow-left:after{border-left-color:#0f172a!important}[data-theme=dark] .tour-tooltip-arrow-right:after{border-right-color:#0f172a!important}.tour-tooltip:after{content:"";border:10px solid #0000;position:absolute}.tour-tooltip-arrow-top:after{bottom:100%;left:50%;transform:translate(-50%)}.tour-tooltip-arrow-bottom:after{top:100%;left:50%;transform:translate(-50%)}.tour-tooltip-arrow-left:after{top:50%;left:100%;transform:translateY(-50%)}.tour-tooltip-arrow-right:after{top:50%;right:100%;transform:translateY(-50%)}.tour-tooltip-center{top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;box-shadow:0 24px 60px #0006,0 0 0 1000px #0f172a99!important}.tour-tooltip-header{border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;display:flex}[data-theme=dark] .tour-tooltip-header{border-bottom:1px solid #ffffff14}.tour-tooltip-body{margin-bottom:20px}.tour-tooltip-footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.tour-tooltip-actions-right{gap:8px;display:flex}.tour-btn-skip{color:#64748b!important;border-radius:10px!important;padding:6px 12px!important;font-size:.8125rem!important;font-weight:600!important}.tour-btn-skip:hover{color:#0f172a!important;background:#f1f5f9!important}[data-theme=dark] .tour-btn-skip{color:#94a3b8!important}[data-theme=dark] .tour-btn-skip:hover{color:#fff!important;background:#ffffff1a!important}.tour-btn-prev{color:#334155!important;background:#f1f5f9!important;border:1px solid #e2e8f0!important;border-radius:10px!important;padding:6px 14px!important;font-size:.8125rem!important;font-weight:600!important}.tour-btn-prev:hover{color:#0f172a!important;background:#e2e8f0!important}[data-theme=dark] .tour-btn-prev{color:#e2e8f0!important;background:#1e293b!important;border-color:#ffffff1a!important}[data-theme=dark] .tour-btn-prev:hover{color:#fff!important;background:#334155!important}.tour-btn-next{color:#fff!important;background:linear-gradient(135deg,#4f00b5 0%,#7c3aed 100%)!important;border:none!important;border-radius:10px!important;padding:6px 18px!important;font-size:.8125rem!important;font-weight:700!important;transition:all .2s!important;box-shadow:0 4px 12px #4f00b54d!important}.tour-btn-next:hover{transform:translateY(-1px)!important;box-shadow:0 6px 16px #4f00b566!important}[data-theme=light] .tour-btn-next{background:linear-gradient(135deg,#0d9488 0%,#0891b2 100%)!important;box-shadow:0 4px 12px #0d94884d!important}[data-theme=dark] .tour-btn-next{background:linear-gradient(135deg,#0d9488 0%,#0891b2 100%)!important;box-shadow:0 4px 12px #0d948866!important}@keyframes tourHighlightPulse{0%{box-shadow:0 0 #4f00b580,0 0 0 9999px #0f172aa6}70%{box-shadow:0 0 0 12px #4f00b500,0 0 0 9999px #0f172aa6}to{box-shadow:0 0 #4f00b500,0 0 0 9999px #0f172aa6}}.tour-target-pulse{animation:2s infinite tourHighlightPulse}@keyframes tourTooltipFadeIn{0%{opacity:0;transform:translateY(8px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}