:root{--checkin-blue:#0644c8;--checkin-orange:#ff603e;--checkin-ink:#171b22;--header-h:58px}*{box-sizing:border-box}body{margin:0;color:var(--checkin-ink);font-family:'Plus Jakarta Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}.site-header{height:var(--header-h);background:#050505;color:white;display:flex;align-items:center;padding:0 26px;gap:24px;position:sticky;top:0;z-index:50}.brand{font-size:20px;font-weight:800;white-space:nowrap}.brand-mark{display:inline-grid;place-items:center;width:29px;height:29px;border:2px solid white;border-radius:50%;margin-right:7px}.nav,.actions{display:flex;align-items:center;gap:clamp(9px,1.5vw,21px);white-space:nowrap}.nav{flex:1}.nav a,.actions a{font-size:10px;font-weight:700}.nav img{width:40px;height:40px;vertical-align:middle}.sales{background:var(--checkin-orange);padding:8px 13px;border-radius:18px}.user{background:white;color:#222;border-radius:18px;padding:5px 9px}.menu-toggle{display:none;background:none;color:white;border:0;font-size:25px}.mobile-nav,.backdrop{display:none}.chat-dot{position:fixed;right:14px;bottom:14px;width:42px;height:42px;z-index:30;border-radius:50%;background:#0873e8;color:#fff;display:grid;place-items:center;box-shadow:0 2px 9px #1238}.chat-dot:after{content:'◌';font-size:23px}
.salary-page{min-height:calc(100vh - var(--header-h));background:radial-gradient(ellipse at 92% 75%,#eef4ff 0,transparent 31%),linear-gradient(180deg,#fff 0%,#fbfcff 100%);padding:39px 20px 70px}.salary-wrap{max-width:740px;margin:auto}.page-title{font-size:17px;font-weight:700;margin:0 0 86px}.salary-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.salary-card{min-height:238px;text-align:center;padding:25px 12px 18px;border-radius:5px;background:linear-gradient(150deg,#f0f4ff 0%,#fafaff 64%,#fff 100%);position:relative;overflow:hidden}.salary-card:before,.salary-card:after{content:'';position:absolute;z-index:0;background:#e8eaff;opacity:.5;transform:rotate(40deg)}.salary-card:before{width:140px;height:130px;right:-90px;top:-50px}.salary-card:after{width:180px;height:12px;left:-60px;top:47px}.gift{position:relative;z-index:1;display:block;width:102px;height:96px;object-fit:contain;margin:0 auto}.salary-card h2{position:relative;z-index:1;font-size:18px;margin:5px 0 3px}.salary-card p{position:relative;z-index:1;font-size:12px;margin:0 0 21px}.claim{position:relative;z-index:1;width:min(100%,132px);height:32px;border:0;border-radius:20px;background:#aaa;color:white;font-size:11px}.claim.available{background:var(--checkin-orange);cursor:pointer}.claim-message{text-align:center;color:#4d5561;font-size:12px;margin-top:22px;min-height:18px}
.record-page{background:#fff;min-height:calc(100vh - var(--header-h))}.record-stats{background:var(--checkin-blue);color:white;padding:17px 18px 27px}.stats-wrap{max-width:750px;margin:auto}.requirement,.stat-box{background:white;color:#111;border-radius:5px}.requirement{height:58px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;font-size:16px;margin-bottom:9px}.requirement strong{font-size:18px}.stats-row{display:grid;grid-template-columns:1fr 1fr;gap:6px}.stat-box{text-align:center;padding:8px 10px 11px;min-height:84px}.stat-box h2{font-size:16px;margin:0 0 6px}.stat-box strong{font-size:25px;font-weight:500}.salary-hint{font-size:10px;margin:14px 3px 0;display:flex;gap:10px;align-items:center}.salary-hint:before{content:'♟';font-size:14px}.calendar-area{max-width:750px;margin:auto;padding:22px 18px 32px;position:relative;overflow:hidden}.calendar-area:after{content:'';position:absolute;right:-145px;bottom:-185px;width:350px;height:350px;border-radius:50%;pointer-events:none;opacity:.48;background:repeating-radial-gradient(circle,transparent 0 16px,#e1e9f8 17px 19px,transparent 20px 32px)}.calendar-title{font-size:16px;margin:0 0 20px}.month-label{font-size:12px;color:#667080;margin:-14px 0 12px}.calendar{display:grid;grid-template-columns:repeat(7,1fr);row-gap:11px;position:relative;z-index:1}.day{height:45px;display:grid;place-items:center;font-size:11px}.day span{width:26px;height:26px;display:grid;place-items:center;border-radius:50%}.day.checked span{background:#050505;color:#fff}.day.today span{outline:2px solid var(--checkin-orange);outline-offset:2px}.calendar-actions{display:flex;justify-content:center;margin-top:15px;position:relative;z-index:1}.checkin-button{border:0;border-radius:20px;background:var(--checkin-orange);color:white;width:140px;height:32px;font-size:11px;cursor:pointer}.checkin-button:disabled{background:#aaa;cursor:default}
@media(max-width:1050px){.site-header{gap:12px;padding:0 15px}.nav,.actions{gap:9px}.nav a,.actions a{font-size:9px}}
@media(max-width:720px){:root{--header-h:56px}.site-header{padding:0 17px}.nav,.actions{display:none}.menu-toggle{display:block;margin-left:auto}.mobile-nav{display:block;position:fixed;right:0;top:var(--header-h);bottom:0;width:min(86vw,340px);z-index:52;background:#080808;color:#fff;padding:12px 20px;overflow:auto;transform:translateX(105%);visibility:hidden;transition:.2s}.mobile-nav a{display:block;padding:14px 2px;border-bottom:1px solid #ffffff2b;font-size:14px}.backdrop{display:block;position:fixed;inset:var(--header-h) 0 0;z-index:51;background:#0008;opacity:0;visibility:hidden;transition:.2s}.menu-open{overflow:hidden}.menu-open .mobile-nav{transform:none;visibility:visible}.menu-open .backdrop{opacity:1;visibility:visible}.salary-page{padding:28px 20px 55px}.page-title{margin-bottom:35px}.salary-cards{grid-template-columns:1fr;gap:14px;max-width:340px;margin:auto}.salary-card{min-height:205px;padding-top:13px}.gift{width:84px;height:80px}.salary-card p{margin-bottom:13px}.stats-wrap,.calendar-area{padding-left:16px;padding-right:16px}.requirement{font-size:13px}.stat-box h2{font-size:14px}.stat-box strong{font-size:22px}.calendar-area{padding-top:20px}.day{height:42px}.calendar{row-gap:8px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}