.dashboard-demo{background:var(--background);grid-template-columns:240px minmax(0,1fr);min-height:100dvh;display:grid}.demo-sidebar{border-right:1px solid var(--border);background:#fff;flex-direction:column;gap:28px;height:100dvh;padding:28px 20px;display:flex;position:sticky;top:0}.demo-sidebar .brand{font-size:1.7rem}.demo-workspace{background:#f5f8fe;border-radius:10px;padding:14px}.demo-workspace strong,.demo-workspace small{display:block}.demo-workspace small{color:#65758b;margin-top:8px;font-size:.65rem}.demo-sidebar nav{gap:8px;display:grid}.demo-sidebar nav button{text-align:left;color:#52627a;background:0 0;border:0;border-radius:9px;align-items:center;gap:12px;padding:13px;display:flex}.demo-sidebar nav button.active{color:var(--primary);background:#edf4ff}.demo-sidebar>a:last-child{margin-top:auto}.demo-work{min-width:0}.demo-banner{z-index:30;border-bottom:1px solid var(--border);background:#fff;justify-content:space-between;align-items:center;gap:12px;padding:16px 28px;display:flex;position:sticky;top:0}.demo-banner>span{align-items:center;gap:8px;display:flex}.demo-banner small{color:#65758b;font-size:.75rem}.demo-banner>strong{font-variant-numeric:tabular-nums;color:var(--primary)}.demo-banner>a{color:var(--primary);font-size:.875rem}.demo-content{max-width:1400px;margin:auto;padding:28px}.demo-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px;display:flex}.demo-heading h1{margin:8px 0;font-size:1.9rem}.demo-heading p{font-size:.875rem}.demo-candidate-list>button{text-align:left;background:#fff;border:0;border-top:1px solid #e5eaf2;align-items:center;gap:14px;width:100%;padding:18px 22px;display:flex}.demo-candidate-list>button:hover{background:#f8faff}.demo-candidate-list>button>span:nth-child(2){flex:1;min-width:0}.demo-candidate-list strong,.demo-candidate-list small{display:block}.demo-candidate-list small{color:#65758b;font-size:.8rem}.demo-avatar{color:#245be8;background:#edf4ff;border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;font-size:.8rem;display:grid}.demo-score{color:#245be8;text-align:right;font-weight:600}.demo-score small{font-weight:400}.demo-filters{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:20px;padding:18px;display:flex}.demo-filters label{flex:1;gap:6px;min-width:180px;font-size:.8rem;display:grid}.demo-filters label:first-child{position:relative}.demo-filters label:first-child svg{position:absolute;top:12px;left:10px}.demo-filters input:not([type=range]),.demo-filters select{background:#fff;border:1px solid #dce3ee;border-radius:8px;width:100%;min-height:44px;padding:8px 10px}.demo-filters label:first-child input{padding-left:34px}.demo-funnel{gap:22px;padding:8px 22px 24px;display:grid}.demo-funnel span{justify-content:space-between;font-size:.9rem;display:flex}.demo-funnel progress{width:100%;height:10px;accent-color:var(--primary)}.demo-more{gap:18px;padding:24px;display:grid}.demo-more>a,.demo-more>button{justify-self:start}.demo-detail-score{background:#edf4ff;border-radius:10px;align-items:center;gap:16px;padding:18px;display:flex}.demo-detail-score strong{color:#245be8;font-size:2rem}.demo-stage-list{gap:12px;margin:12px 0;display:grid}.demo-stage-list li{color:#8490a2;align-items:center;gap:10px;display:flex}.demo-stage-list li.active{color:#217653}.demo-disclaimer{color:#65758b;margin-top:28px;font-size:.75rem}.demo-mobile-nav,.demo-expired-dialog [data-slot=dialog-close]{display:none}.login-demo-offer{text-align:center;border-top:1px solid #e5eaf2;gap:8px;padding-top:20px;display:grid}.login-demo-offer .button-link{color:#245be8;background:#edf4ff}.login-demo-offer small{color:#65758b;font-size:.75rem}@media (width<=767px){.dashboard-demo{padding-bottom:calc(80px + env(safe-area-inset-bottom));display:block}.demo-sidebar{display:none}.demo-content{padding:20px 14px}.demo-banner{flex-wrap:wrap;padding:14px}.demo-banner>span{gap:6px;font-size:.8rem}.demo-banner small{font-size:.65rem}.demo-banner>a{font-size:.75rem}.demo-heading{flex-direction:column;align-items:flex-start;gap:12px}.demo-heading h1{font-size:1.55rem}.dashboard-demo .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dashboard-demo .metric{padding:15px}.dashboard-demo .metric>div{font-size:.8rem}.dashboard-demo .metric>strong{font-size:1.7rem}.demo-candidate-list>button{gap:10px;padding:16px 12px}.demo-candidate-list strong{overflow-wrap:anywhere;font-size:.875rem}.demo-candidate-list small{font-size:.75rem}.demo-candidate-list>button>svg{display:none}.demo-mobile-nav{z-index:40;padding:7px 6px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--border);background:#fff;grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:0;right:0}.demo-mobile-nav button{color:#65758b;background:0 0;border:0;border-radius:9px;justify-items:center;gap:5px;min-height:48px;padding:5px 2px;font-size:.7rem;display:grid}.demo-mobile-nav button.active{color:var(--primary);background:#edf4ff}.demo-filters{gap:14px;display:grid}.demo-filters label{min-width:0}.dashboard-demo .job-grid{grid-template-columns:1fr}}