.p9{--accent-50:#fffce8;--accent-100:#fdf6c2;--accent-200:#faec86;--accent-300:#f5e04c;--accent-400:#ecd226;--accent-500:#dcbf10;--accent-600:#b19709;--accent-700:#837006;--accent-contrast:#241f04;--sh-accent:0 8px 24px #ecd22657;--bg:#faf8ea;--surface:#fff;--surface-2:#f8f6e6;--surface-3:#ece9d4;--line:#efeddc;--ink:#1b1a12;--ink-2:#61604f;--ink-3:#9d9b86;box-shadow:var(--sh-3);font-family:var(--font-ui);color:var(--ink);background:linear-gradient(152deg,#fdfcf4 0%,#fbf7dd 44%,#f7edb6 100%);border-radius:26px;padding:20px 24px 24px;position:absolute;inset:26px 34px;overflow:hidden}.p9__ico{border:1px solid var(--line);background:var(--surface);width:36px;height:36px;color:var(--ink-2);transition:background var(--t-base) var(--e-smooth), color var(--t-base) var(--e-smooth), transform var(--t-fast) var(--e-out);border-radius:50%;place-items:center;display:grid;position:relative}.p9__ico svg{width:16px;height:16px}.p9__ico:hover{background:var(--surface-2);color:var(--ink);transform:translateY(-2px)}.p9__ico--sm{width:26px;height:26px}.p9__ico--sm svg{width:13px;height:13px}.p9__ico[data-v=light]{color:#fff;background:#ffffff1f;border-color:#fff3}.p9__ico u{background:var(--accent-400);border-radius:50%;width:6px;height:6px;position:absolute;top:7px;right:9px}.p9__top{align-items:center;gap:18px;display:flex}.p9__brand{border:1px solid var(--line);border-radius:var(--r-full);background:var(--surface);height:38px;font-family:var(--font-display);letter-spacing:-.024em;align-items:center;padding:0 20px;font-size:15px;font-weight:600;display:inline-flex}.p9__nav{border-radius:var(--r-full);background:var(--surface);gap:1px;margin:0 auto;padding:4px;display:inline-flex;position:relative}.p9__navMark{border-radius:var(--r-full);background:var(--ink);height:calc(100% - 8px);transition:transform var(--t-base) var(--e-spring), width var(--t-base) var(--e-spring);position:absolute;top:4px;left:0}.p9__nav button{z-index:1;border-radius:var(--r-full);color:var(--ink-2);transition:color var(--t-base) var(--e-smooth);background:0 0;border:0;padding:7px 13px;font-size:11.5px;font-weight:500;position:relative}.p9__nav button[data-active=true]{color:#fff}.p9__topRight{gap:8px;display:flex}.p9__lead{justify-content:space-between;align-items:flex-end;gap:40px;margin-top:20px;display:flex}.p9__lead h1{font-family:var(--font-display);letter-spacing:-.04em;margin:0;font-size:40px;font-weight:600}.p9__metrics{gap:40px;display:flex}.p9__metric{text-align:right}.p9__metric span{color:var(--ink-3);align-items:center;gap:6px;font-size:10.5px;display:inline-flex}.p9__metric svg{width:13px;height:13px}.p9__metric b{letter-spacing:-.038em;font-size:34px;font-weight:600;display:block}.p9-funnel{margin-top:16px}.p9-funnel__bar{gap:5px;height:26px;display:flex}.p9-funnel__bar span{border-radius:var(--r-full);width:0;transition:width var(--t-slow) var(--e-out);transition-delay:calc(var(--i) * 90ms);place-items:center;font-size:10px;font-weight:700;display:grid;overflow:hidden}.p9-funnel__bar span[data-in=true]{width:var(--w)}.p9-funnel__bar span[data-tone=ink]{background:var(--ink);color:#fff}.p9-funnel__bar span[data-tone=accent]{background:var(--accent-300);color:var(--accent-contrast)}.p9-funnel__bar span[data-tone=hatch]{background:repeating-linear-gradient(115deg, var(--surface-2) 0 5px, var(--surface-3) 5px 8px);color:var(--ink-2)}.p9-funnel__bar span[data-tone=soft]{background:var(--surface-3);color:var(--ink-2)}.p9-funnel__keys{color:var(--ink-3);gap:22px;margin-top:7px;font-size:10px;display:flex}.p9__card{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);transition:box-shadow var(--t-base) var(--e-out), transform var(--t-base) var(--e-out);flex-direction:column;padding:16px 18px;display:flex;position:absolute}.p9__card:hover{box-shadow:var(--sh-2);transform:translateY(-2px)}.p9__card header{justify-content:space-between;align-items:center;gap:10px;display:flex}.p9__card h3{font-family:var(--font-display);letter-spacing:-.022em;margin:0;font-size:14.5px;font-weight:600}.p9__sched{width:280px;top:258px;bottom:24px;left:24px}.p9__days{gap:4px;margin:14px 0 12px;display:flex}.p9__days span{border-radius:var(--r-sm);transition:background var(--t-base) var(--e-smooth);flex-direction:column;flex:1;align-items:center;gap:3px;padding:6px 0;display:flex}.p9__days i{color:var(--ink-3);font-size:9.5px;font-style:normal}.p9__days b{font-size:12.5px;font-weight:600}.p9__days span[data-active=true]{background:var(--ink)}.p9__days span[data-active=true] i{color:#fff9}.p9__days span[data-active=true] b{color:#fff}.p9__slots{flex-direction:column;flex:1;gap:8px;margin:0;padding:0;list-style:none;display:flex}.p9__slot{align-items:center;gap:10px;display:flex}.p9__slotTime{width:38px;color:var(--ink-3);font-size:9.5px}.p9__slot>span:nth-child(2){border-radius:var(--r-md);background:var(--surface-2);flex:1;padding:9px 12px}.p9__slot b{font-size:11.5px;font-weight:600;display:block}.p9__slot i{color:var(--ink-3);font-size:9.5px;font-style:normal}.p9__slot--now>span:nth-child(2){background:var(--ink)}.p9__slot--now b{color:#fff}.p9__slot--now i{color:#ffffff8c}.p9__slot--alt>span:nth-child(2){background:var(--accent-200)}.p9__slotEmpty{border-radius:var(--r-full);background:repeating-linear-gradient(115deg, transparent 0 5px, var(--surface-3) 5px 7px);height:14px;display:block}.p9__slotBadge{background:var(--accent-300);width:22px;height:22px;color:var(--accent-contrast);font-family:var(--font-display);border-radius:50%;place-items:center;font-size:10px;font-weight:700;display:grid}.p9__slotFaces{display:flex}.p9__slotFaces i{border:2px solid var(--accent-200);width:22px;height:22px;font-style:normal;font-family:var(--font-display);color:#fff;background:#3f5a84;border-radius:50%;place-items:center;margin-left:-7px;font-size:8.5px;font-weight:700;display:grid}.p9__slotFaces i:first-child{background:#c2622a;margin-left:0}.p9__salary{height:268px;top:258px;left:320px;right:336px;overflow:hidden}.p9__salTools{align-items:center;gap:8px;display:flex}.p9__search{border-radius:var(--r-full);background:var(--surface-2);height:28px;color:var(--ink-3);align-items:center;gap:7px;padding:0 11px;display:flex}.p9__search svg{width:12px;height:12px}.p9__search input{width:86px;color:var(--ink);background:0 0;border:0;outline:none;font-size:11px}.p9__table{border-collapse:collapse;width:100%;margin-top:12px;font-size:11.5px}.p9__table th{text-align:left;color:var(--ink-3);padding:0 0 8px;font-size:10px;font-weight:500}.p9__table td{border-top:1px solid var(--line);color:var(--ink-2);padding:5px 0}.p9__table tr[data-on=true] td{color:var(--ink)}.p9__check{border:1.5px solid var(--surface-3);width:17px;height:17px;color:var(--accent-contrast);border-radius:5px;place-items:center;display:grid}.p9__check[data-on=true]{background:var(--accent-300);border-color:#0000}.p9__check svg{width:10px;height:10px}.p9__person{color:var(--ink);align-items:center;gap:8px;font-weight:600;display:inline-flex}.p9__person i{width:22px;height:22px;font-style:normal;font-family:var(--font-display);color:#fff;border-radius:50%;flex:none;place-items:center;font-size:9px;font-weight:700;display:grid}.p9__person i[data-i="0"]{background:linear-gradient(150deg,#f0a15a,#c2622a)}.p9__person i[data-i="1"]{background:linear-gradient(150deg,#8fa6c9,#3f5a84)}.p9__person i[data-i="2"]{background:linear-gradient(150deg,#c6a0d8,#7a4a99)}.p9__person i[data-i="3"]{background:linear-gradient(150deg,#8fd0b0,#2f7a58)}.p9__person i[data-i="4"]{background:linear-gradient(150deg,#e5a9a9,#a8443f)}.p9__status{border-radius:var(--r-full);padding:3px 9px;font-size:10px;font-weight:600}.p9__status[data-st=paid]{color:#1c7a42;background:#e4f4e8}.p9__status[data-st=absent]{color:#b4322d;background:#fdeaea}.p9__status[data-st=pending]{background:var(--accent-100);color:var(--accent-700)}.p9__attend{border-radius:var(--r-lg);color:#fff;width:300px;height:268px;transition:transform var(--t-base) var(--e-out);background:linear-gradient(158deg,#2a2a24 0%,#1a1a15 60%,#101009 100%);flex-direction:column;padding:16px 18px;display:flex;position:absolute;top:258px;right:24px}.p9__attend:hover{transform:translateY(-2px)}.p9__attend header{justify-content:space-between;align-items:center;display:flex}.p9__attend h3{font-family:var(--font-display);letter-spacing:-.022em;margin:0;font-size:14.5px;font-weight:600}.p9__attendFig{letter-spacing:-.034em;align-items:baseline;gap:6px;margin:12px 0;font-size:26px;font-weight:600;display:flex}.p9__attendFig i{color:var(--accent-300);font-size:13px;font-style:normal}.p9__dim{color:#fff6!important}.p9-heat{grid-template-columns:repeat(14,1fr);gap:5px;margin-top:auto;display:grid}.p9-heat span{aspect-ratio:1;opacity:0;transition:opacity var(--t-base) var(--e-out), transform var(--t-base) var(--e-spring);transition-delay:var(--d);background:#ffffff14;border-radius:50%;transform:scale(.3)}.p9-heat span[data-in=true]{opacity:1;transform:none}.p9-heat span[data-lvl="1"]{background:#f5e04c52}.p9-heat span[data-lvl="2"]{background:#f5e04c9e}.p9-heat span[data-lvl="3"]{background:var(--accent-300)}.p9__hiring{inset:542px 336px 24px 320px}.p9__keys{color:var(--ink-3);gap:12px;font-size:10px;display:flex}.p9__keys span{align-items:center;gap:5px;display:inline-flex}.p9__keys span:before{content:"";border-radius:50%;width:8px;height:8px}.p9__keys span[data-k=a]:before{background:var(--ink)}.p9__keys span[data-k=b]:before{background:var(--accent-400)}.p9-lines{flex:1;width:100%;min-height:0;margin-top:8px}.p9-lines__grid line{stroke:var(--line);stroke-width:1px;stroke-dasharray:3 4}.p9-lines__a,.p9-lines__b{vector-effect:non-scaling-stroke;fill:none;stroke-width:2px;stroke-linecap:round;stroke-dasharray:700;stroke-dashoffset:700px;transition:stroke-dashoffset 1.4s var(--e-out)}.p9-lines__a{stroke:var(--ink)}.p9-lines__b{stroke:var(--accent-400);transition-delay:.18s}.p9-lines__a[data-in=true],.p9-lines__b[data-in=true]{stroke-dashoffset:0}.p9-lines__dot{fill:var(--ink);stroke:var(--surface);stroke-width:2.5px;opacity:0;transition:opacity var(--t-base) var(--e-smooth) 1s}.p9-lines__dot[data-in=true]{opacity:1}.p9__hireAxis{color:var(--ink-3);justify-content:space-between;padding:0 8px;font-size:9.5px;display:flex}.p9__comp{width:300px;top:542px;bottom:24px;right:24px}.p9-donut{place-items:center;width:156px;height:156px;margin:auto;display:grid;position:relative}.p9-donut svg{width:100%;height:100%;position:absolute;inset:0}.p9-donut__t{fill:none;stroke:var(--accent-200)}.p9-donut__f{fill:none;stroke:var(--ink);transition:stroke-dashoffset var(--t-draw) var(--e-out)}.p9-donut span{text-align:center}.p9-donut b{letter-spacing:-.034em;font-size:26px;font-weight:600;display:block}.p9-donut i{color:var(--ink-3);font-size:10.5px;font-style:normal}.p9__compKeys{color:var(--ink-2);justify-content:center;gap:24px;font-size:11px;display:flex}.p9__compKeys span{align-items:center;gap:6px;display:inline-flex}.p9__compKeys i{border-radius:50%;width:9px;height:9px}.p9__compKeys i[data-k=a]{background:var(--ink)}.p9__compKeys i[data-k=b]{background:var(--accent-300)}.p9__compKeys em{color:var(--ink-3);font-style:normal}