.cr{background:#faf7f0;border:0;color:#3e392f;padding:24px;font-family:inherit;max-width:1440px}.cr-header{margin-bottom:14px}.cr-header h2{font-size:28px;color:#342f27;letter-spacing:-.5px}.cr-header small{color:#a56647;letter-spacing:2px;font-size:10px}.cr-header p,.cr-hint{color:#847b6c}.cr-tabs{border-bottom:1px solid #e4ddcf;padding-bottom:12px}.cr-tabs button{border:0;border-radius:8px;background:transparent;color:#776c5c}.cr-tabs [aria-pressed=true]{background:#f4e9d2;color:#85543a}.cr-demo{background:#f6ecda;color:#816a47;font-size:12px;padding:8px 12px;font-weight:400}.vo-pulse{margin:12px 0 24px;background:linear-gradient(110deg,#39382c,#3f623c);border-radius:18px;display:flex;align-items:center;gap:22px;padding:26px;color:#fff9e9}.vo-pulse .vo-mascot{font-size:44px}.vo-pulse-copy{flex:1}.vo-pulse-copy h3{margin:4px 0;font-size:20px;color:inherit}.vo-pulse-copy small{color:#d6d6be}.vo-pulse-copy p{font-size:12px;color:#e0dfc8}.vo-pulse button{display:flex;flex-direction:column;border:0;border-left:1px solid #ffffff24;color:#fff9e9;background:transparent;border-radius:0;min-width:100px;gap:5px}.vo-pulse button b{font-size:30px}.vo-pulse button span{font-size:12px}.vo-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0}.vo-summary .cr-metric{background:white;border:1px solid #e4ddcf;border-radius:14px;padding:18px;min-height:115px}.vo-summary .cr-metric strong{color:#39352d;font-size:30px}.vo-summary .cr-metric:nth-child(3){border-bottom:3px solid #d9937d}.vo-summary .cr-metric:nth-child(4){border-bottom:3px solid #99b77e}.vo-panel{background:white;border:1px solid #e4ddcf;border-radius:17px;padding:24px;margin-bottom:18px;box-shadow:0 4px 14px #76604504}.vo-panel h3{font-size:18px;margin:0 0 6px;color:#383329}.vo-sub{color:#8a8273!important;font-size:12px;margin-bottom:18px!important}.vo-two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.vo-main-charts{grid-template-columns:1.35fr 1fr}.vo-route{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.vo-route button{display:flex;flex-direction:column;align-items:center;background:#fcfaf5;border:1px solid #ece5d9;gap:5px;position:relative;padding:13px}.vo-route button:not(:last-child):after{content:'→';position:absolute;right:-15px;top:40%;color:#b9ad97;z-index:1}.vo-route-icon{font-size:23px}.vo-route b{font-size:27px}.vo-route button>span:last-child{font-size:12px}.vo-legend{display:flex;flex-wrap:wrap;gap:14px;font-size:11px;color:#827b6c;margin:12px 0 18px}.vo-legend span{display:flex;align-items:center;gap:5px}.vo-legend i,.vo-donut-legend i{display:inline-block;width:8px;height:8px;border-radius:50%}.vo-person{display:grid;grid-template-columns:155px 1fr 65px;gap:12px;align-items:center;margin:12px 0}.vo-person .vo-person-name{display:flex;gap:10px;align-items:center;border:0;background:none;padding:0;text-align:left;font-size:13px}.vo-avatar{width:30px;height:30px;border-radius:50%;background:#efecdf;display:grid;place-items:center;color:#938568;flex-shrink:0}.vo-stack{height:17px;background:#f8f5ed;border-radius:4px;display:flex;overflow:visible}.vo-stack button{height:17px;min-height:17px;padding:0;border-radius:0;border:0;border-right:2px solid white;position:relative}.vo-stack button:before{content:'';position:absolute;inset:-13px 0}.vo-stack button:hover{filter:brightness(.9)}.vo-person .vo-person-total{border:0;background:none;padding:0;font-size:12px}.vo-line{width:100%;height:auto;min-height:170px;overflow:visible}.vo-line text{font-size:10px;fill:#9a9284}.vo-line circle{cursor:pointer}.vo-line circle:focus{outline:2px solid #574d3e}.vo-donut-layout{display:flex;gap:22px;align-items:center;justify-content:center;min-height:205px}.cr .vo-donut{width:166px;height:166px;flex-shrink:0;border:0;border-radius:50%;padding:15px}.vo-donut>span{background:white;width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column}.vo-donut b{font-size:30px;color:#413b30}.vo-donut small{font-size:11px}.vo-donut-legend{flex:1;max-width:230px}.cr .vo-donut-legend button{border:0;display:flex;align-items:center;gap:9px;padding:4px;width:100%;font-size:12px;background:none}.vo-donut-legend span{flex:1;text-align:left}.vo-age-bars{display:flex;align-items:flex-end;justify-content:space-around;gap:12px;padding:10px 20px 0}.cr .vo-age-bars button{display:flex;align-items:center;flex-direction:column;justify-content:flex-end;background:none;border:0;gap:10px;width:20%;font-size:12px}.vo-age-bars i{display:block;width:58px;max-width:100%;border-radius:11px 11px 0 0}.vo-age-bars small{font-size:12px}.vo-person-numbers{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:6px 0 16px 165px}.vo-person-numbers button{background:#faf8f3;border:0;padding:8px;font-size:12px}.vo-person-numbers b{display:block;font-size:18px}.vo-person-numbers small{font-size:10px}.vo-period{display:flex;justify-content:flex-end;align-items:center;gap:8px;font-size:12px;margin:8px 0}.vo-period select{min-height:40px}.cr #cr-results{border-top:2px solid #c2a67a;margin-top:24px;padding-top:12px}.cr button:focus-visible{outline-color:#ad724b}
@media(max-width:1050px){.vo-two,.vo-main-charts{grid-template-columns:1fr}.vo-pulse{gap:12px;padding:20px}.vo-pulse button{min-width:78px}.vo-pulse-copy h3{font-size:17px}}
@media(max-width:600px){.cr{padding:10px}.cr-header h2{font-size:23px}.vo-pulse{display:grid;grid-template-columns:40px 1fr 1fr;padding:17px;gap:12px}.vo-pulse-copy{grid-column:2/4}.vo-pulse .vo-mascot{font-size:34px}.vo-pulse button:nth-last-child(2){grid-column:2}.vo-pulse button{min-width:0;padding:4px;border-left:0;align-items:flex-start}.vo-pulse button b{font-size:26px}.vo-summary{grid-template-columns:repeat(2,1fr);gap:9px}.vo-summary .cr-metric{min-height:100px;padding:14px}.vo-panel{padding:17px}.vo-route{grid-template-columns:repeat(3,1fr);gap:10px}.vo-route button:after{display:none}.vo-person{grid-template-columns:105px 1fr 40px;gap:6px}.vo-avatar{display:none}.vo-person .vo-person-name{font-size:11px}.vo-person .vo-person-total{font-size:11px}.vo-donut-layout{gap:12px}.cr .vo-donut{width:125px;height:125px;padding:12px}.vo-donut b{font-size:26px}.vo-donut-legend button{font-size:11px!important;gap:6px!important}.vo-age-bars{padding:4px 0;gap:4px}.vo-age-bars button{padding:3px}.vo-line{min-height:120px}.vo-person-numbers{margin-left:0;gap:4px}.vo-person-numbers button{padding:6px 2px}.vo-period{justify-content:flex-start}}
.vo-person-numbers{grid-template-columns:repeat(5,1fr)}@media(max-width:600px){.vo-person-numbers{grid-template-columns:repeat(3,1fr)}}
.vo-departments{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.vo-departments button{background:#faf7f0;border-color:#e4ddcf}.vo-departments [aria-pressed=true]{background:#426342;color:white;border-color:#426342}
.vo-chart-key{display:flex;flex-wrap:wrap;gap:12px 24px;font-size:14px;font-weight:600;margin:14px 0;color:#594a3c}

.vo-person-separated{grid-template-columns:155px 1fr;margin-top:24px}.vo-person-bars{display:grid;gap:10px}.vo-bar-row{display:grid;grid-template-columns:80px 1fr 60px;gap:10px;align-items:center;font-size:12px}.vo-bar-row>button{border:0;background:none;padding:0;font-size:13px}.vo-person-numbers{grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}.vo-bar-row .vo-stack button{min-width:0}.vo-bar-row .vo-stack button[style*="width:0%"]{visibility:hidden}@media(max-width:600px){.vo-person-separated{grid-template-columns:1fr}.vo-person-separated .vo-person-name{font-size:14px;font-weight:600;margin-bottom:8px}.vo-bar-row{grid-template-columns:70px 1fr 50px;gap:6px}.vo-person-numbers{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.vo-departments{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.vo-departments button{padding:10px 4px;font-size:12px;min-height:44px}.vo-person-numbers button{min-height:54px}.vo-bar-row>button{min-height:44px}}
.vo-detail-person{padding:15px 0;border-bottom:1px solid #eee7db;display:grid;gap:8px}.vo-detail-person>b{font-size:14px}.vo-detail-person>button{background:#faf7f0;border-color:#eee7db;text-align:left;min-height:44px}.vo-detail-person p{font-size:13px;color:#847b6c}.vo-progress-track{height:8px;background:#f4efe5;border-radius:8px;overflow:hidden}.vo-progress-track i{display:block;height:100%;background:#80a86b}.vo-detail-chips{display:flex;flex-wrap:wrap;gap:6px}.vo-detail-chips button{font-size:12px;min-height:44px;background:#faf7f0;border-color:#eee7db}.vo-help-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.vo-help-grid button{display:flex;flex-direction:column;gap:8px;align-items:flex-start;background:#faf7f0;border-color:#eee7db;padding:16px}.vo-help-grid strong{font-size:26px}.vo-help-grid span{font-size:13px}@media(max-width:600px){.vo-help-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.vo-urgent-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.vo-urgent-job{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;padding:16px;border:1px solid #e6ddc9;border-radius:12px;background:#fffdf7}.vo-urgent-job.is-overdue{border-color:#edb7bf;background:#fff7f7}.vo-urgent-job p{font-size:12px;margin:6px 0}.vo-urgent-job small{font-size:12px}.vo-urgent-job>button{min-height:44px;flex-shrink:0}.vo-urgent-job.is-overdue>button{color:#b22c44;border-color:#edb7bf}@media(max-width:600px){.vo-urgent-list{grid-template-columns:1fr}.vo-urgent-job{flex-direction:column}.vo-urgent-job>button{width:100%}}
.vo-paid-cell{display:grid;gap:8px;background:#faf7f0;border-radius:12px;padding:12px}.vo-paid-cell button,.vo-paid-table button{display:grid;gap:6px;border:0;background:none;text-align:left;min-height:44px}.vo-paid-cell small,.vo-paid-table small{font-size:11px;color:#847b6c}.vo-paid-table{overflow-x:auto}.vo-paid-table table{width:100%;border-collapse:collapse;min-width:650px}.vo-paid-table th,.vo-paid-table td{padding:10px;border-bottom:1px solid #eee7db;text-align:left;font-size:12px}
.vo-summary>button{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:9px;min-height:100px;padding:16px;background:#faf8f2;border-color:#e4ddcf;text-align:left}.vo-summary>button>b{font-size:23px}.vo-summary>button>small{font-size:12px;line-height:1.5}

.vo-secondary{margin:24px 0;padding:16px;border:1px solid #e4ddcf;border-radius:12px;color:#716655}.vo-secondary summary{cursor:pointer;min-height:36px}.vo-secondary>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.vo-secondary button{min-height:44px;background:#faf7f0}