header{top:0;left:0;right:0;background:linear-gradient(to right,#c0eac4,#c0eac4 20%,#81cd86);padding:5px 15px;display:flex;align-items:center;box-shadow:0 2px 4px rgba(0,0,0,.1);z-index:1000;border-bottom:1px solid #FFF}.back-button{font-size:24px;color:#333;text-decoration:none;margin-right:15px}.back-button:hover{color:#007bff}h1{font-size:18px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body{max-width:428px;margin:0 auto;background-color:#ddd}#body-container{background-color:#efefef;max-width:428px;margin:0 auto;position:relative}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:#333;background-color:#f4f4f4}.checkin-container{padding:20px}.points-info{margin-top:10px;color:#28a745;font-size:16px}.calendar-container{background-color:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.calendar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:15px}.calendar-item{text-align:center;padding:10px;border:1px solid #eee;border-radius:20px}.calendar-item .date{font-size:14px;margin-bottom:5px}.calendar-item .status i{font-size:20px;margin:5px 0}.calendar-item .status i.checked{color:#28a745}.calendar-item .status i.unchecked{color:#dc3545}.calendar-item .points{font-size:12px;color:#28a745}.calendar-item .checkin-button{background-color:#007bff;display:block;margin:20px auto;color:#fff;border:none;border-radius:20px;padding:5px 15px;font-size:14px;cursor:pointer;transition:all .3s ease}.calendar-item .checkin-button:hover{background-color:#0056b3}.calendar-item .checked{color:#28a745;font-size:20px}.checkin-button-container,.points-info{display:none}@media (max-width: 767px){.calendar-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:10px}.calendar-item{padding:8px}.calendar-item .date{font-size:12px}}