*{box-sizing:border-box}body{margin:0;background:#f5f6f2;color:#183b35;font-family:Tahoma,Arial,sans-serif;font-size:15px}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}header{height:96px;max-width:1180px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 38px;border-bottom:1px solid #dce3dc}.brand{text-decoration:none;color:inherit;display:flex;align-items:center;gap:12px;font-size:23px;font-weight:bold}.brand small{display:block;font-size:10px;font-weight:normal;letter-spacing:1px;color:#72817a;margin-top:5px}.mark{display:grid;place-items:center;width:46px;height:49px;background:#1c493f;color:#fff;border-radius:14px 14px 3px 14px;font-size:30px}.header-label{font-size:12px;color:#66776e;display:flex;align-items:center;gap:10px}.dot{width:7px;height:7px;border-radius:50%;background:#779d79}main{max-width:1104px;margin:auto;padding:0 24px}.intro{text-align:center;padding:50px 0 34px}.eyebrow{font-size:12px;color:#708778;display:flex;gap:8px;align-items:center;justify-content:center}.eyebrow span{width:20px;height:1px;background:#859c80}h1{font-size:42px;letter-spacing:-1.5px;margin:17px 0;line-height:1.4}.intro p{color:#768078;line-height:1.9;margin:0;font-size:14px}.month{display:inline-flex;align-items:center;gap:10px;background:#e8ede4;border:1px solid #dce3d6;border-radius:30px;padding:10px 19px;margin-top:22px;font-size:12px}.month b{font-weight:normal;direction:ltr}.month svg{width:17px;height:17px}.workspace{display:grid;grid-template-columns:1fr 1.05fr;gap:26px;align-items:stretch}.search-panel,.result{border-radius:24px;min-width:0}.search-panel{background:#fff;border:1px solid #e2e7e0;padding:28px}.step{color:#a4b0a1;font-size:12px;display:flex;align-items:center;gap:12px;margin-bottom:25px}.step span{color:#2d4e43;font-size:16px;font-weight:bold}label{display:block;font-size:12px;margin-bottom:10px;color:#627268}.input-wrap{display:flex;align-items:center;gap:10px;background:#f7f8f5;border:1px solid #dce4d9;border-radius:12px;padding:0 14px}.input-wrap:focus-within{border-color:#4e8066;box-shadow:0 0 0 3px #e5eee4}.input-wrap svg{width:21px;height:21px;flex-shrink:0;color:#889b89}input{height:51px;min-width:0;width:100%;background:none;border:0;outline:0;color:#183b35;font-size:14px}input::placeholder{color:#a1aaa0}input::-webkit-search-cancel-button{display:none}#clear{border:0;background:none;color:#66776e;font-size:25px;padding:3px}.list-heading{display:flex;justify-content:space-between;font-size:10px;color:#879286;margin:22px 0 12px}.names{height:260px;overflow:auto;scrollbar-width:thin;scrollbar-color:#ced9cb transparent}.name-button{width:100%;border:0;border-bottom:1px solid #eff2ec;background:white;display:flex;gap:11px;align-items:center;text-align:right;padding:13px 10px;color:#365449;border-radius:8px;font-size:13px;min-height:51px}.name-button .mini{background:#f1f4ed;color:#85967a;border-radius:9px;width:28px;height:28px;display:grid;place-items:center;font-size:12px}.name-button .arrow{margin-right:auto;color:#a1b098}.name-button:hover,.name-button[aria-pressed=true]{background:#eaf0e4;color:#214c36}.name-button[aria-pressed=true] .mini{background:#d4e3c6}.hint{font-size:10px;color:#939b90;margin:18px 0 0}.result{background:#193e36;color:#f3f5e9;position:relative;overflow:hidden;padding:28px 32px;border:1px solid #22483c;box-shadow:0 16px 40px #183b3510}.result:before{content:'';position:absolute;width:340px;height:340px;border:1px solid #ffffff05;border-radius:50%;left:-210px;top:-100px;box-shadow:0 0 0 45px #ffffff02,0 0 0 90px #ffffff02;pointer-events:none}.empty{min-height:440px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.empty-art{position:relative;width:110px;height:110px;border:1px solid #547062;border-radius:32px;background:#244b40;display:grid;place-items:center}.empty-art svg{width:70px;height:70px;color:#bed2a6}.spark{position:absolute;left:-13px;top:-12px;color:#cadcaa;font-size:30px}.empty h2{font-size:24px;margin:28px 0 14px}.empty p{font-size:13px;color:#9eb6a6;line-height:2}.empty-month{font-size:10px;color:#90a891;margin-top:35px}.result-top{display:flex;justify-content:space-between;color:#a3baa8;font-size:10px}.person{display:flex;align-items:center;gap:12px;margin-top:30px}.avatar{width:40px;height:40px;flex-shrink:0;display:grid;place-items:center;background:#325849;color:#d5e4bb;border-radius:13px;font-size:19px}.person h2{font-size:19px;margin:0;line-height:1.7}.ring{--pct:0%;width:206px;height:206px;margin:25px auto 15px;border-radius:50%;background:conic-gradient(from 0deg,#c4d9a4 var(--pct),#375a4b 0);padding:8px;direction:ltr}.ring>div{border-radius:50%;width:100%;height:100%;background:#193e36;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.ring strong{font-family:Arial,sans-serif;font-size:43px;font-weight:500;letter-spacing:-1.5px}.ring span{font-size:11px;color:#acc0ac}.result-caption{text-align:center;font-size:12px;color:#c4d2bd;margin-bottom:23px}.result-bottom{display:flex;justify-content:space-between;border-top:1px solid #ffffff14;padding-top:16px;font-size:10px;color:#9cb39f}.another{display:flex;justify-content:center;gap:14px;background:transparent;border:0;color:#d4e2be;font-size:11px;margin:20px auto 0}.no-result{padding:45px 10px;line-height:2;color:#7b897b;font-size:13px;text-align:center}footer{display:flex;justify-content:space-between;gap:20px;padding:28px 2px 35px;color:#929d90;font-size:10px}.divider{margin:0 10px;color:#c0c8b9}[hidden]{display:none!important}:focus-visible{outline:3px solid #a4ba80;outline-offset:3px}@media(max-width:650px){header{height:79px;padding:0 21px}.header-label{font-size:10px}.brand{font-size:20px}.mark{width:39px;height:42px}main{padding:0 18px}.intro{padding:34px 0 27px}h1{font-size:30px}.intro p{font-size:12px}.workspace{grid-template-columns:1fr;gap:18px}.search-panel{padding:22px}.names{height:205px}.result{padding:25px}.empty{min-height:300px}.empty-art{width:85px;height:85px}.empty h2{font-size:21px;margin-top:22px}.empty-month{margin-top:18px}.step{margin-bottom:20px}footer{font-size:9px;line-height:1.8;flex-direction:column;gap:7px}.ring{width:200px;height:200px}.person h2{font-size:18px}}@media(prefers-reduced-motion:no-preference){.name-button{transition:background .15s}.result{scroll-margin-top:18px}}

.stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}.stat{position:relative;padding:17px 15px;border-radius:16px;display:flex;flex-direction:column;gap:8px;min-height:127px}.stat>span:not(.stat-icon){font-size:11px;font-weight:bold;padding-left:24px}.stat strong{font-size:24px;font-weight:600;line-height:1.4}.stat small{font-size:10px;opacity:.7}.stat-icon{position:absolute;left:13px;top:12px;font-size:20px;opacity:.65}.rose{background:#f8e0df;color:#8a4147}.blue{background:#dfedf8;color:#315b7a}.purple{background:#ebe3fa;color:#645086}.amber{background:#f9edce;color:#81602e}.workspace{align-items:start}.ring{width:175px;height:175px;margin:22px auto 12px}.ring strong{font-size:36px}.result-caption{margin-bottom:16px}.empty{min-height:440px}@media(min-width:651px){.names{height:480px}}@media(max-width:650px){.stats{gap:10px}.stat{padding:15px 12px;min-height:116px}.stat strong{font-size:21px}.stat>span:not(.stat-icon){font-size:10px}.empty{min-height:300px}}

.overtime{background:#d9efdb;color:#285b3a;margin:0 0 22px;min-height:100px}.pay-help{text-align:center;font-size:11px;line-height:1.8;color:#d5e4c9;background:#ffffff08;border:1px solid #ffffff12;border-radius:10px;padding:10px}.ring strong{font-size:29px;letter-spacing:-1px}.ring span{font-size:10px}

.medical-note{background:#e4eef7;color:#385c76;border:1px solid #b5cede;border-radius:12px;padding:14px 16px;margin:0 0 20px;font-size:13px}.review-credit{text-align:center;border-top:1px solid #dce3dc;margin:0 0 24px;padding:20px 12px;color:#365449;font-size:13px;font-weight:bold}