*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{align-items:center;background:#f8fafc;color:#1e293b;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;justify-content:center;min-height:100vh;padding:24px}.calendar-container{background:#fff;border-radius:20px;box-shadow:0 10px 40px rgba(0,0,0,.08);max-width:600px;padding:40px;width:100%}.header{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.title{font-size:22px;font-weight:700;letter-spacing:-.01em}.back-btn{align-items:center;background:#f1f5f9;border-radius:10px;color:#475569;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:10px 16px;text-decoration:none;transition:all .15s}.back-btn:hover{background:#e2e8f0;color:#1e293b}.calendar-grid{gap:20px}.cal-row,.calendar-grid{display:flex;flex-direction:column}.cal-row{gap:10px}.cal-label{color:#475569;font-size:14px;font-weight:600}.cal-bar-bg{background:#f1f5f9;border-radius:7px;height:14px;overflow:hidden;position:relative}.cal-bar-fill{background:linear-gradient(90deg,#10b981,#34d399);border-radius:7px;box-shadow:0 2px 4px rgba(16,185,129,.2);height:100%;position:absolute}.cal-months{color:#94a3b8;display:flex;font-size:12px;font-weight:700;justify-content:space-between;margin-top:12px;padding:0 4px;text-transform:uppercase}