.live-app main{display:flex;flex-direction:column;gap:24px}.live-app .sidebar{overflow-y:auto}.live-app .sidebar-bottom{position:static;margin-top:auto}.live-app .sidebar nav{padding-bottom:20px}.live-top-actions{display:flex;align-items:center;gap:14px}.live-state{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;white-space:nowrap}.live-state i{height:7px;width:7px;border-radius:50%;background:#379471}.live-avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#cdebe0;color:#173f32;font-size:18px}.live-dashboard,.live-reports{display:flex;flex-direction:column;gap:24px}.live-hero{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:30px 32px;border-radius:16px;background:var(--surface);border:1px solid var(--line);background-image:linear-gradient(115deg,#27836512,transparent)}.live-hero h2{font-size:27px;margin:7px 0;letter-spacing:-.7px}.live-hero p{color:var(--muted)}.live-hero .eyebrow{color:var(--teal)}.live-workflow{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.live-workflow>a{display:flex;align-items:center;gap:12px;padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:12px}.live-workflow>a>svg:last-child{margin-left:auto}.live-workflow small{display:block;color:var(--muted);font-size:12px;margin-top:4px}.live-section-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:10px}.live-section-heading h2{font-size:22px}.live-section-heading>a{display:flex;align-items:center;gap:6px;color:var(--teal)}.live-caption{font-size:12px;line-height:1.65;color:var(--muted)}.live-empty{text-align:center;padding:32px 20px;max-width:720px;margin:auto;display:flex;flex-direction:column;align-items:center;gap:16px}.live-empty p{max-width:550px;color:var(--muted)}.live-source{display:flex;justify-content:space-between;align-items:center;gap:18px;font-size:13px}.live-source p{color:var(--muted);margin-top:5px}.live-count-row{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:12px 0;font-size:13px}.live-count-row small{font-size:11px;color:var(--muted);font-weight:400}.live-dashboard .card>p,.live-reports .card>p{margin:10px 0 16px;line-height:1.65;color:var(--muted)}.live-dashboard .card>a{display:inline-flex;margin-top:16px;color:var(--teal);font-weight:600}.live-bars{margin-top:20px;display:grid;gap:12px}.live-bars>div{display:grid;grid-template-columns:minmax(100px,1fr) 2fr 50px;gap:12px;align-items:center}.live-bars>div>div{height:10px;border-radius:5px;background:var(--canvas);overflow:hidden}.live-bars i{display:block;background:var(--teal);height:100%;border-radius:5px}.live-report-filter{display:flex;align-items:end;gap:20px;flex-wrap:wrap}.live-report-filter label{flex:1 1}.live-report-filter select{max-width:100%}.live-report-filter,.live-reports label{font-size:12px;font-weight:650}.live-report-filter select,.live-reports input,.live-reports select{display:block;width:100%;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);padding:11px 12px;margin-top:7px;font-size:14px;font-weight:400;min-width:0}.live-file{display:block;margin:20px 0}.live-form-grid{display:grid;grid-template-columns:1.2fr .8fr 1fr;gap:18px;margin:20px 0}.live-search{display:flex;gap:8px;align-items:center}.live-search input{margin:0}.live-scroll-list{max-height:340px;overflow:auto}.live-link{border:0;background:none;color:var(--teal);text-decoration:underline;padding:0}.live-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.live-row-detail{width:min(800px,calc(100vw - 32px))}.live-row-detail dl{display:grid;gap:0}.live-row-detail dl>div{display:grid;grid-template-columns:1fr 1fr;gap:20px;border-bottom:1px solid var(--line);padding:12px 0;overflow-wrap:anywhere}.live-row-detail dt{font-weight:600}.live-row-detail dd{margin:0}.live-signin{min-height:100dvh;background:var(--canvas)}.live-signin>header{display:flex;justify-content:space-between;align-items:center;padding:20px 32px;border-bottom:1px solid var(--line)}.live-signin main{padding:40px 20px}.live-signin .hp-login{margin:20px auto}.live-app .hub-people{width:100%;max-width:none;margin:0;padding:0}.live-app .hp-login{max-width:600px;padding:32px;margin:20px auto}.live-app .field-workspace{padding:0;max-width:none}.live-app .field-workspace .field-heading h1{font-size:27px}.live-app .card{min-width:0}.live-app .two-column{align-items:start}.live-app .topbar{gap:14px}.live-report-filter select{flex:1 1}.live-dashboard .stats-grid strong{overflow-wrap:anywhere}.live-reports .table-scroll{margin:16px 0}.live-reports select{max-width:100%}@media(max-width:1050px){.live-workflow{grid-template-columns:1fr}.live-form-grid{grid-template-columns:1fr 1fr}.live-form-grid>label:last-child{grid-column:1/-1}}@media(max-width:700px){.live-top-actions{gap:7px}.live-top-actions>.live-state{display:none}.live-demo-switch{font-size:11px;padding:8px}.live-app .breadcrumb{display:none}.live-app .topbar{padding:12px 16px;min-height:62px;height:auto}.live-hero{padding:23px;align-items:flex-start}.live-hero h2{font-size:23px}.live-hero>.live-state{display:none}.live-dashboard,.live-reports{gap:20px}.live-section-heading{align-items:flex-start}.live-section-heading>a{font-size:12px;max-width:100px}.live-source{flex-direction:column;align-items:flex-start}.live-form-grid{grid-template-columns:1fr}.live-form-grid>label:last-child{grid-column:auto}.live-reports .section-title{flex-direction:column;align-items:stretch}.live-search{width:100%}.live-report-filter select,.live-reports input,.live-reports select{font-size:16px}.live-row-detail dl>div{grid-template-columns:1fr;gap:4px}.live-signin main{padding:18px 12px}.live-signin>header{padding:16px}.live-app main{padding-bottom:28px}.live-app .hp-heading>div:last-child{flex-wrap:wrap}.live-reports .live-report-filter label{width:100%}}.live-app{--canvas:#f5f6f8;--ink:#20262e;--muted:#626d7a;--line:#e1e5ea;--surface-soft:#f0f2f5}[data-theme=dark] .live-app{--canvas:#131518;--ink:#edf0f3;--muted:#a7b0bc;--line:#30363f;--surface-soft:#24282e}.live-app .sidebar{background:var(--surface);border-right:1px solid var(--line);color:var(--ink)}.live-app .brand,.live-app .sidebar-profile strong{color:var(--ink)}.live-app .sidebar .workspace-label{background:var(--surface-soft);border-color:var(--line);color:var(--muted)}.live-app .nav-label{display:none}.live-app .nav-group{margin:18px 0 10px}.live-app .nav-group-label{font-size:10px;letter-spacing:1.15px;text-transform:uppercase;color:var(--muted);font-weight:700;margin:16px 12px 7px}.live-app .nav-item{color:var(--muted);min-height:39px;padding:10px 12px;font-size:12px;border-radius:8px;margin-bottom:3px}.live-app .nav-item:hover{background:var(--surface-soft);color:var(--ink)}.live-app .nav-item.active{background:var(--positive-bg);color:var(--teal);font-weight:700}.live-app .sidebar-bottom{border-color:var(--line)}.live-app .reset-button,.live-app .sidebar-profile small{color:var(--muted)}.live-app .topbar{background:var(--surface);border-bottom:1px solid var(--line)}.live-app .card{border:1px solid var(--line);box-shadow:0 1px 2px #00000003;border-radius:12px;padding:24px}.live-app .page-heading h1{font-size:30px;letter-spacing:-1px}.live-app .page-heading p{font-size:14px;max-width:650px;line-height:1.6}.live-app .page-heading{margin-bottom:0}.live-app .stats-grid{gap:14px}.live-app .stat-card{border-radius:12px;box-shadow:none}.workspace-context{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:12px;border-bottom:1px solid var(--line);padding-bottom:16px}.work-queue{border:1px solid var(--line);border-radius:12px;background:var(--surface);overflow:hidden}.work-queue-heading{padding:22px 24px;display:flex;justify-content:space-between;align-items:center;gap:14px}.work-queue-heading h2{font-size:20px;margin-top:5px}.work-queue-items{display:grid;grid-template-columns:1fr 1fr}.work-queue-items>a{display:flex;align-items:center;gap:14px;padding:20px 24px;border-top:1px solid var(--line);color:var(--ink)}.work-queue-items>a:nth-child(odd){border-right:1px solid var(--line)}.work-queue-items>a:hover{background:var(--surface-soft)}.work-queue-items>a>svg{color:var(--teal);flex-shrink:0}.work-queue-items>a>svg:last-child{margin-left:auto;color:var(--muted)}.work-queue-items strong{font-size:14px}.work-queue-items small{display:block;color:var(--muted);font-size:12px;margin-top:5px}.candidate-next{border:1px solid var(--line);border-left:3px solid var(--teal);background:var(--surface-soft);border-radius:10px;padding:20px;margin:18px 0;display:flex;gap:18px;justify-content:space-between;align-items:flex-start}.candidate-next h3{font-size:17px;line-height:1.5;margin:8px 0}.candidate-next p{font-size:13px}.candidate-next>.onboarding-status{flex-shrink:0;max-width:180px}.document-draft-toggle{display:flex;gap:8px;align-items:center;font-size:12px;color:var(--muted);margin:16px 0}.document-draft-toggle input{width:auto!important}.comp-example{border:1px solid var(--line);border-radius:10px;padding:18px;margin:20px 0;background:var(--surface-soft)}.comp-example>summary{font-weight:700;cursor:pointer}.comp-example .comp-toolbar{margin-top:18px}.example-leaders{border:0;padding:12px 0;display:flex;flex-wrap:wrap;gap:12px}.example-leaders legend{font-size:12px;color:var(--muted);margin-bottom:10px}.example-leaders label{display:flex;align-items:center;gap:7px;font-size:12px}.example-leaders input{width:auto!important}.payout-breakdown{max-width:650px;margin:14px 0}.payout-breakdown>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:10px 0;font-size:13px}.payout-breakdown dd{margin:0;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.payout-total{font-weight:700}.live-app :is(a,button,input,select,summary):focus-visible{outline:2px solid var(--teal);outline-offset:3px}@media(max-width:700px){.work-queue-heading{align-items:flex-start;padding:18px;flex-direction:column}.work-queue-items{grid-template-columns:1fr}.work-queue-items>a{padding:18px}.work-queue-items>a:nth-child(odd){border-right:0}.candidate-next{flex-direction:column;padding:16px}.live-app .card{padding:18px}.live-app .page-heading h1{font-size:26px}.workspace-context{align-items:flex-start}.comp-example .comp-toolbar{align-items:stretch;flex-direction:column}.comp-example select{max-width:100%}}.live-app .nav-group-label{cursor:pointer}.live-app .nav-group summary{padding:6px 0;min-height:28px}.live-app .nav-item svg{color:currentColor;opacity:.8}.live-app .brand-mark span{background:var(--surface)}.live-app .workspace-label{margin-bottom:10px}.live-app .nav-group{margin:8px 0}.live-app .brand-mark{border-color:var(--line)}.live-app details.nav-group{padding:0;border:0;margin:8px 0;border-radius:0}.live-app .nav-group summary{margin:0 12px 5px;font-size:10px;letter-spacing:1.15px}.live-app .nav-group .nav-item{margin-bottom:2px}