.attendance-page{display:grid;gap:14px;margin-top:18px}.attendance-page>header{display:flex;align-items:center;justify-content:space-between;padding:18px;border:1px solid var(--line);border-radius:13px;background:#fff}.attendance-page h2{margin:0;color:#07599d;font-size:19px}.attendance-page header p{margin:5px 0 0;color:#7890a5;font-size:11px}.personal-only{padding:7px 11px;border:1px solid #89d1f3;border-radius:15px;background:#e8f7ff;color:#078bc9;font-size:10px}.attendance-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:24px 26px;border-radius:14px;background:linear-gradient(120deg,#07599d,#079ee8 58%,#38c5f3);color:#fff;box-shadow:0 10px 25px #07599d32}.attendance-hero:after{content:'';position:absolute;right:15%;top:-60px;width:180px;height:180px;border:25px solid #ffffff13;border-radius:50%}.attendance-hero div{position:relative;z-index:1}.attendance-hero span{font-size:11px}.attendance-hero strong{display:block;margin-top:5px;font-size:22px}.attendance-hero p{margin:6px 0 0;color:#dff5ff;font-size:10px}.attendance-hero button{position:relative;z-index:2;min-width:150px;height:44px;border:2px solid #fff;border-radius:22px;background:#fff;color:#07599d;font-weight:500}.attendance-hero button:disabled{background:#ffffff35;color:#fff}.attendance-hero.just-checked{animation:attendancePulse .5s}@keyframes attendancePulse{50%{transform:scale(1.015)}}.attendance-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.attendance-stats article{display:grid;gap:5px;padding:13px;border:1px solid var(--line);border-radius:10px;background:#fff}.attendance-stats span{color:#7890a5;font-size:10px}.attendance-stats strong{color:#07599d;font-size:16px}.attendance-calendar,.attendance-rewards,.attendance-notice{padding:18px;border:1px solid var(--line);border-radius:13px;background:#fff;box-shadow:0 5px 18px #174c7d10}.attendance-calendar>header{display:flex;align-items:center;justify-content:center;gap:20px}.attendance-calendar h3,.attendance-rewards h3,.attendance-notice h3{margin:0;color:#07599d;font-size:16px}.attendance-calendar header button{width:30px;height:30px;border:1px solid var(--line);border-radius:50%;background:#f4f7fb;color:#7890a5}.weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.weekdays{margin:15px 0 7px}.weekdays span{text-align:center;color:#7890a5;font-size:10px}.weekdays span:first-child{color:#d43b52}.calendar-grid>div{position:relative;min-height:72px;padding:8px;border:1px solid #e2ebf3;border-radius:9px;background:#f9fbfd}.attendance-day>span{color:#53718b;font-size:10px}.attendance-day b,.attendance-day em{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:10px;font-style:normal}.attendance-day.checked{border-color:#93d8f6;background:linear-gradient(145deg,#e8f8ff,#dff3ff)}.attendance-day.checked b{color:#078bc9}.attendance-day.today{box-shadow:inset 0 0 0 2px #079ee8}.attendance-day.today>span{color:#079ee8;font-weight:500}.attendance-day small{position:absolute;right:5px;bottom:5px;color:#b47c09;font-size:8px}.attendance-rewards>div{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:13px}.attendance-rewards article{display:grid;gap:4px;padding:13px;border:1px solid var(--line);border-radius:9px;background:#f8fbfe;text-align:center}.attendance-rewards article.received{border-color:#99d9b6;background:#edf9f2}.attendance-rewards span{font-size:10px}.attendance-rewards strong{color:#07599d;font-size:15px}.attendance-rewards small{color:#7890a5;font-size:8px}.attendance-rewards .received small{color:#159458}.attendance-notice{background:#f4f7fb}.attendance-notice ul{margin:10px 0 0;padding-left:18px;color:#607b91;font-size:10px;line-height:1.8}
@media(max-width:760px){.attendance-page{min-width:0;gap:11px;margin-top:12px}.attendance-page>header{align-items:flex-start;padding:13px}.personal-only{white-space:nowrap}.attendance-hero{align-items:stretch;flex-direction:column;padding:18px}.attendance-hero strong{font-size:18px}.attendance-hero button{width:100%}.attendance-stats{grid-template-columns:1fr 1fr}.attendance-calendar,.attendance-rewards,.attendance-notice{padding:12px}.weekdays,.calendar-grid{gap:3px}.calendar-grid>div{min-height:52px;padding:5px;border-radius:6px}.attendance-day b,.attendance-day em{font-size:8px}.attendance-day small{right:3px;bottom:3px;font-size:6px}.attendance-rewards>div{grid-template-columns:1fr 1fr}}
@media(max-width:390px){.attendance-page>header{gap:7px}.attendance-page header p{font-size:9px}.calendar-grid>div{min-height:46px}.attendance-stats,.attendance-rewards>div{grid-template-columns:1fr 1fr}}